在此homepage的顶部,我有一个具有静音,自动播放和在线播放属性的视频。
视频已在我测试过的台式机和移动设备(Chrome,Safari,Firefox)上自动播放。 令人惊讶的是,很多iPhone用户都无法播放视频,他们有一个PLAY按钮显示,然后需要进行交互。
这是我的代码:
<video id="vid" width="100%" height="auto" preload="auto" autoplay muted playsinline>
<source src="http://www.nevada-club.com/wp-content/uploads/2018/06/Nevada_Club.mp4" type="video/mp4" />
<source src="http://www.nevada-club.com/wp-content/uploads/2018/06/Nevada_Club.webm" type="video/webm" />
<source src="http://www.nevada-club.com/wp-content/uploads/2018/06/Nevada_Club.ogg" type="video/ogg" />
</video>
<script>
var herovide = document.getElementById('vid');
herovide.autoplay=true;
herovide.load();
</script>
有人知道为什么有人会有这个问题以及如何解决吗? 遇到此问题的人是在iOS 11.4上。
谢谢
答案 0 :(得分:2)
如果iPhone处于省电模式,它将不会自动播放视频。否则,它将与您的代码一起播放。
我也不认为您需要任何js来自动播放。