视频 HTML5 / 等到 Readystate === 4 然后循环播放视频答案

【问题标题】：Video HTML5 / wait until Readystate === 4 then playvideo in loop视频 HTML5 / 等到 Readystate === 4 然后循环播放视频
【发布时间】：2014-03-16 15:20:04
【问题描述】：

您好，我四处寻找解决方案，但由于我是 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();

【问题讨论】：

Play infinitely looping video on-load in HTML5的可能重复
不是真的，因为问题是等待视频准备好，而不是真正的循环......
autoplay: 指示 UA 在不停止的情况下尽快自动开始播放视频。, loop: 指示 UA到达结尾时返回到视频的开头。 - <video />

标签： javascript html html5-video

【解决方案1】：

只需将 this 属性添加到 video 标签：

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

【讨论】：