HTML5 视频“自动播放”不会在 Chrome 中自动启动

2024-05-21

我有以下代码:

<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>

视频:

  1. 在 Chrome 和 Firefox 中均显示良好
  2. 在 Firefox 中,它按预期播放
  3. 在 Chrome 中,它会显示但不会“自动启动”。这就是问题。
  4. 如果我点击它(在 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(使用前将#替换为@)

HTML5 视频“自动播放”不会在 Chrome 中自动启动 的相关文章

随机推荐