视频自动播放循环将无法在Chrome浏览器/ Safari浏览器（WebKit的错误）(Video

嗨，大家好，我想有我视频自动播放和循环的滑块，但一些如何这不是打在Chrome和Safari。 我发现WebKit浏览器具有当它重新设计的是停止视频自动播放功能的错误...

下面是视频和网页。 （适用于火狐） http://dustintong.com/projects.html#ts

我认为你必须重新触发.play（）不知道我做错了什么。 新的JavaScript ...以下是下面的代码。

JS

var myVideo = document.querySelector('video');
var mediaController = myVideo.controller;

mediaController.play();

HTML

<div id="video">
<video src="images/7-4s.mp4" autoplay loop muted> 
</video> </div>

Answer 1:

在Safari中，自动播放的作品就好了。 如果你把这个<video src="images/7-4s.mp4" autoplay loop muted>你不需要任何JS。 你可以试试这个插件https://github.com/videojs/video.js

Answer 2:

我猜这个最好的解决办法只是你的视频后，加入这个脚本tag--

<script type="text/javascript">
    document.getElementById('videoid').play();
</script>

升技俗气但效果很好:)你也可以尝试装载属性设置为true。

文章来源: Video loop autoplay won't work on Chrome/safari (webkit bug)