我花了很多时间试图弄清楚为什么像这样嵌入视频:
<video height="256" loop autoplay muted controls id="vid"> <source type="video/mp4" src="video_file.mp4"></source> <source type="video/ogg" src="video_file.ogg"></source> </video>
一旦将页面加载到FireFox中,便会自动开始播放,但无法在基于Webkit的浏览器中自动播放。这仅在某些随机页面上发生。到目前为止,我找不到原因。我怀疑CMS编辑器创建了一些未封闭的标签或大量JS。
我能得到的最佳解决方案是在 </video>
</video>
<script> document.getElementById('vid').play(); </script>
…不是很漂亮,但是可以正常工作。
更新 最近,许多浏览器只能在没有声音的情况下自动播放视频,因此您也需要向muted视频标签添加属性
muted
<video autoplay muted> ... </video>