我花了很多时间试图弄清楚为什么像这里嵌入视频:
<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>
之后添加此代码
<script>
document.getElementById('vid').play();
</script>
...不漂亮但不知何故有效。
更新
最近很多浏览器只能自动静音播放视频,所以你需要添加muted
也归于视频标签
<video autoplay muted>
...
</video>
关于javascript - 视频自动播放在 Safari 和 Chrome 桌面浏览器中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17994666/