Javascript 视频循环自动播放赢得'；不在Chrome/safari上工作（webkit bug）

嗨，伙计们，我正试图让我的视频自动播放和循环在一个滑块，但一些如何它没有在chrome和safari上播放。我发现webkit浏览器有一个bug，它在重新设置样式时停止了视频自动播放功能

这是视频和页面。（适用于firefox）

我想你必须重新启动这个游戏 不知道我做错了什么。javascript新手。。。 下面是代码

JS

HTML

---

我想最好的解决方案是在视频标签之后添加此脚本--

document.getElementById（'videoid'）.play（）；

有点奶酪味，但效果很好：）

---

您也可以尝试将preload属性设置为true。

我想最好的解决方案是在视频标签之后添加此脚本--

document.getElementById（'videoid'）.play（）；

有点奶酪味，但效果很好：）

---

您还可以尝试将preload属性设置为true。

在safari中，自动播放工作正常。 如果你把这个

放进去，你就不需要任何js了。

---

您可以在safari中尝试此插件，autoplay工作正常。 如果你把这个

放进去，你就不需要任何js了。

---

您可以在safari autoplay中尝试此插件，因为视频无法运行。。我们必须手动或通过脚本启动播放。但在chrome中，它可以正常工作。在safari中，视频自动播放不起作用。。我们必须手动或通过脚本启动播放。但在chrome中它可以正常工作。不工作。预加载=真？你能澄清一下吗？我不熟悉JSF。preload属性指定了当页面加载时，开发人员是否以及如何加载视频。不起作用。预加载=真？你能澄清一下吗？我是JSF新手。preload属性指定当页面加载时，开发者是否以及如何认为视频应该被加载。真糟糕，插件工作了！！希望它没有增加页面加载时间的插件工作了一大堆废话！！希望它不会使页面加载时间增加很多

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

mediaController.play();

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

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