我花了很多时间试图弄清楚为什么像这里这样嵌入视频:
<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>