视频HTML5 /等到Readystate === 4然后播放视频

时间:2014-02-17 10:58:40

标签: javascript html5 html5-video

您好我有点想找到解决方案,但由于我是javascript的初学者,我无法解决问题:

我有两个视频(Firefox的ogv):

    <video loop poster="images/poster.gif">
       <source src="video/bg-4.mp4" type="video/mp4">
       <source src="video/bg-4.ogv" type="video/ogg">
    </video>

我想检查它们是否已加载并在循环中自动播放后(作为背景视频) 我尝试了这段代码,但它不起作用:

function AutoPlay(){
var v = document.getElementsByTagName("video")[0];
   if ( v.readyState === 4 ) {
        v.play(); 
   }
}

AutoPlay();

1 个答案:

答案 0 :(得分:1)

只需将此属性添加到视频标记:

<video loop poster="images/poster.gif" autoplay>
   <source src="video/bg-4.mp4" type="video/mp4">
   <source src="video/bg-4.ogv" type="video/ogg">
</video>