У меня возникают проблемы с получением тега 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?