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

Posted 2023-05-07

【中文标题】视频 HTML5 / 等到 Readystate === 4 然后循环播放视频

【英文标题】：Video HTML5 / wait until Readystate === 4 then playvideo in loop

【发布时间】：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 />

【参考方案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>