在这个主页的顶部,我有一个带有静音、自动播放和游戏属性的视频。
该视频在我测试过的桌面和移动设备(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。
谢谢
如果iPhone处于省电模式,它不会自动播放视频。否则,它应该与您的代码一起播放。
另外,我认为您不需要任何js即可自动播放。