HTML5视频自动播放

Question

在我的website page上，我在视频静音时添加了自动播放功能。每次我关闭浏览器并访问页面时，自动播放在2秒后停止。这是我在带有VC的HMTL原始块中使用的代码：

<video id="vid" preload="auto" muted loop>
 <source src="/wp-content/uploads/2016/09/CHAUDFONTAINE-FUSION-HD.mp4#t=0" type="video/mp4">
</video>

<script type="text/javascript"> 

var vid = document.getElementById("vid");
 vid.oncanplaythrough = function() {
  vid.play();
 };

</script>

我也尝试过没有javascript，只是在视频标签中使用“autoplay”，结果却是一样的。

Answer 1

来自docs，

  

autoplay属性优先于preload。如果指定了autoplay，浏览器显然需要开始下载视频以供播放。

在您的情况下，由于存在autoplay属性，一旦视频的足够部分被缓冲以进行播放，视频就会开始播放。 oncanplaythrough事件为fulfilled后，再次调用play事件！