У меня проблемы с получением видео тега HTML5 с помощью jQuery. Вот мой код:

HTML код:

<video id="vid" height="400" width="550">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogv" type="video/ogg">
</video>

Javascript код:

function playVid(){
    console.log($('#vid'));
    console.log($('#vid')[0]);
    $('#vid')[0].currentTime=5;
    $('#vid')[0].play()
}

$(document).ready(){
    playVid();
}

Код ломается на.currentTime строка со следующей ошибкой:

InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable

Вот бит, который я не могу понять - первыйconsole.log показывает объект, который я ожидал, внутри этого объекта есть еще один объект с именем0 и он содержит все свойства и методы видео HTML5, которые вы ожидаете, включая.currentTime.

Однако, как только я делаю второй журнал$('#vid')[0] он показывает код HTML для тега video, а не объект, который я назвал после0, Я получаю точно такие же результаты дляconsole.log($('#vid')["0"]) а такжеconsole.log($('#vid').get(0)).

Есть ли способ добраться до объекта под названием0 в объекте, возвращенном$('#vid') что работает в jQuery?