HTML5视频标签自动播放在Chrome中不起作用(但在jsfiddle中可以！）

HTML5 video tag autoplay not working in Chrome (but OK in jsfiddle!)

本文关键字：jsfiddle 但在 不起作用 标签 视频 自动播放 Chrome HTML5      更新时间：2023-09-26

我正试图在我们的主页上用自动播放做一个简单的视频(http://froy.com)。没什么新奇的。在Firefox甚至IE中，一切都能顺利进行。

然而，自动播放在Chrome上不会激活。我试过隐姓埋名，没有延期，但问题仍然存在。奇怪的是，在jsfiddle上尝试代码是有效的！此外，我在其他网站上看到了类似的视频标签也在工作。

事实上，我一点一点地将整个主页代码的不同部分添加到jsfiddle（html、css、javascript）中，试图隔离这个问题——运气不好。我不知所措，任何帮助都将不胜感激。

以下是代码：

<video preload="auto" autoplay loop muted width="100%" height="auto" style="margin-top:-25px" >
     <source src="https://cdn.shopify.com/s/files/1/0220/3498/files/Video_Slider_1.mp4" type="video/mp4">
     <source src="https://cdn.shopify.com/s/files/1/0220/3498/files/Video_Slider_1.webm" type="video/webm">
</video>

这和我的javascript有关吗？如果是这样的话，为什么当我在jsfiddle中包含脚本时，它没有接收到这个？

我使用的代码与您使用的代码相同，只是视频是从我的服务器上提供的，一切都很好。

<video preload="auto" autoplay loop muted width="100%" height="auto" style="margin-top:-25px" >
     <source src="http://www.example.com/clip.mp4" type="video/mp4">
     <source src="http://www.example.com/clip.webm" type="video/webm">
</video>

谷歌Chrome版本：版本38.0.2125.111 m

相关文章：