用jQuery选择HTML5视频对象

使用jQuery在 HTML5视频标签上遇到问题.这是我的代码:

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)).

有没有办法在jQuery中使用的$(‘#vid’)返回的对象中获取名为0的对象?

我想您正在尝试与视频元素进行交互,然后再准备就绪.

尝试这样的东西:

function loadStart(event)
{
    video.currentTime = 1.0;
}

function init()
{
    video.addEventListener('loadedmetadata', loadStart, false);
}
document.addEventListener("DOMContentLoaded", init, false);

资料来源:HTML5 Video – Chrome – Error settings currentTime

相关文章
相关标签/搜索