Как получить ширину и высоту видеоэлемента html5

У меня есть простой тег html5:

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

Я не определял очевидную ширину и высоту в теге видео или в css, обертка видео настраивалась в соответствии с размером исходного видео, проблема в том, как я могу получить ширину и высоту видеоизображения? Я попробовал jquery

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

но он возвращает мне размер начала: 300px

что я вижу на странице 800px!

Как я могу решить эту проблему?

Ответ 1

$(function () {

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

    });

});

Ответ 2

Просто выяснилось, что мы можем получить ширину и высоту видео как:

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

Эти две функции отображаются jQuery.

Другая причина, почему jQuery скалы!!!