Làm thế nào tôi có thể nhận được chiều rộng và chiều cao

Question

video yếu tố của html5 Tôi có một đơn giản thẻ html5 video:

<video autobuffer="true" id="video" controls="true"> 
     <source src="some_url"></scource> 
    </video> 

Tôi chưa xác định chiều rộng rõ ràng và chiều cao trong thẻ video hoặc trong css, các wrapper video sẽ điều chỉnh theo kích thước video nguồn, vấn đề là, làm thế nào tôi có thể nhận được chiều rộng và chiều cao của video hiện tại? Tôi đã thử jquery

$('video').css('width'); 

nhưng nó trả lại cho tôi kích thước gốc: 300px

những gì tôi nhìn thấy trong trang là 800px!

Làm cách nào để giải quyết vấn đề này?

Answer 1

$(function() { 

    $("#video").bind("loadedmetadata", function() { 
     var width = this.videoWidth; 
     var height = this.videoHeight; 
     // ... 

    }); 

}); 

Answer 2

Chỉ cần phát hiện ra rằng chúng ta có thể có được chiều rộng video và chiều cao như:

$("#video").innerHeight(); 
$("#video").innerWidth(); 

Hai chức năng được tiếp xúc bởi jQuery.

Một lý do khác khiến jQuery đá !!!