video - HTML5 视频自动播放无法正常工作

Question

我正在使用这段代码:

<video width="440px" loop="true" autoplay="true" controls>
<source src="http://www.example.com/CorporateVideo.mp4" type="video/mp4" />
<source src="http://www.example.com/CorporateVideo.ogv" type="video/ogv" />
<source src="http://www.example.com/CorporateVideo.webm" type="video/webm" />
</video>

我希望视频自动播放，但当页面加载时视频无法播放。看起来这是一个缓冲问题，因为当我将鼠标悬停在视频上(以显示控件)时，视频始终播放 2 秒但随后停止并且不再继续。

注意:我刚刚再次访问该站点，自动播放似乎可以正常工作，但当我再次尝试时，同样的问题又出现了，这是缓冲问题吗？我能做些什么来阻止这一切吗？

Answer 1

如果视频未静音，Chrome 不允许自动播放。尝试使用这个:

<video width="440px" loop="true" autoplay="autoplay" controls muted>
  <source src="http://www.tuscorlloyds.com/CorporateVideo.mp4" type="video/mp4" />
  <source src="http://www.tuscorlloyds.com/CorporateVideo.ogv" type="video/ogv" />
  <source src="http://www.tuscorlloyds.com/CorporateVideo.webm" type="video/webm" />
</video>