Question

我尝试在主页（http://froy.com）上使用自动播放制作简单视频。没有什么花哨。一切都在Firefox甚至IE中顺利运行。

但是，自动播放功能不会在Chrome上激活。我在隐姓埋名中尝试过没有扩展程序并且问题仍然存在。奇怪的是，尝试jsfiddle工作的代码！此外，我也看到其他网站上使用过的类似视频标签。

事实上，我一点一点地将整个主页的代码的不同部分添加到jsfiddle（html，css，javascript）以试图隔离问题 - 没有运气。我感到茫然，任何帮助都会受到赞赏。

以下是代码：

＆＃13;

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

＆＃13;

这与我的javascript有关吗？如果是这样，为什么当我在其中包含脚本时，jsfiddle不会选择它？

Answer 1

我使用的是您正在使用的相同代码，只是视频是从我的服务器提供的，而且一切正常。

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

Google Chrome版本：版本38.0.2125.111 m

HTML5视频代码自动播放功能无法在Chrome中运行（但在jsfiddle中可以正常使用！）

1 个答案: