视频无法在Chrome浏览器中自动播放

Question

我已将视频添加到我的网站。在视频中添加了自动播放的代码。它可以在Firefox上正常运行，但不能在Chrome中自动播放。

这是我添加的用于显示视频的代码：

<video id="vid" autoplay="autoplay" loop="loop" width="100%" height="100%">
     <source src="https://example.com/video.mp4" type="video/mp4" />
</video>

另外，当我遇到问题时，我进行了搜索并找到了一个脚本。这是我尝试过的：

<script> 
    document.getElementById('vid').play(); 
</script>

但是，菜单下方的视频仍无法在Chrome上自动播放。

我已检查Chrome autoplay guidelines，但我的视频没有违反该规定。我的视频已静音，但仍无法自动播放。

有什么解决方法吗？

谢谢。

Answer 1

如果认为您需要在视频标签中添加playsinline autoplay muted loop。

Answer 2

autostart="false"

<video id="vid" autoplay="false" loop="loop" width="100%" height="100%">
 <source src="https://example.com/video.mp4" type="video/mp4" />
</video>

或

https://www.groovypost.com/howto/disable-autoplay-videos-on-sites-in-google-chrome/

尝试

Answer 3

如果要启用“自动播放”选项，请启用此功能，并且您的Chrome浏览器应高于4.0，然后此代码才能正常工作。