我有以下代码:
<video controls autoplay>
<source src="video/myVideo.mp4" type="video/mp4">
<source src="video/myVideo.webm" type="video/webm">
<source src="video/myVideo.ogv" type="video/ogg">
</video>
视频:
- 在 Chrome 和 Firefox 中均显示良好
- 在 Firefox 中,它按预期播放
- 在 Chrome 中,它会显示但不会“自动启动”。这就是问题。
- 如果我点击它(在 Chrome 中)它就可以正常播放
Tried
<video controls autoplay>...</video>
<video controls autoplay="1">...</video>
<video controls autoplay="autoplay">...</video>
Chrome 中没有任何效果。
然后我还尝试更改编解码器,如建议的那样https://en.wikipedia.org/wiki/HTML5_video https://en.wikipedia.org/wiki/HTML5_video,但它也不起作用:
<source src="movie.webm" type='video/webm; codecs="vp8.0, vorbis"'>
<source src="movie.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="movie.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'>
现在我已经走进了死胡同。感谢您的指点!非常感激。
你需要添加playsinline autoplay muted loop
因为 Chrome 不允许视频在未静音的情况下自动启动。另外,现在我不知道为什么它不能在所有 Android 设备上运行。我正在尝试查看它是否特定于版本,如果我找到了一些东西,我会告诉你。
铬问题:
经过一些研究,我发现它有时在 Chrome 上不起作用,因为在响应式中你可以激活数据保护程序,它会阻止任何视频自动启动。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)