Выбор видеообъекта HTML5 с помощью jQuery

У меня проблемы с получением тега видео 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-код для тега видео, а не объект, который я назвал после 0. Я получаю точно такие же результаты для console.log($('#vid')["0"])и console.log($('#vid').get(0)).

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