视频循环自动播放不适用于Chrome / safari（webkit bug）-Java 学习之路

嗨，大家好我想让我的视频自动播放和循环滑块，但有些如何不在chrome和safari上播放 . 我发现webkit浏览器有一个错误，当它重新设置时会停止视频自动播放功能......

这是视频和页面 . （适用于Firefox）http://dustintong.com/projects.html#ts

我想你必须重新触发.play（）不确定我做错了什么 . 新的javascript ...这是下面的代码 .

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>

2 回答

1

在safari中，自动播放工作正常 . 如果你把这个 <video src="images/7-4s.mp4" autoplay loop muted> 你不需要任何js . 你可以试试这个插件https://github.com/videojs/video.js

回复于 2024-05-04T00:31:42+08:00
2
我想最好的解决方案就是在你的视频标签之后添加这个脚本 -
```
<script type="text/javascript">
    document.getElementById('videoid').play();
</script>
```
升技俗气但效果很好:)你也可以尝试将preload属性设置为true .
回复于 2024-05-04T00:31:42+08:00