小编vbe*_*net的帖子

视频自动播放不适用于所有iPhone

在此首页的顶部,我有一个具有静音,自动播放和playinline属性的视频。

该视频正在我测试过的台式机和移动设备(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>
Run Code Online (Sandbox Code Playgroud)

有人知道为什么有些人有这个问题以及如何解决吗?遇到此问题的人在iOS 11.4上。

谢谢

html iphone video autoplay ios

1
推荐指数
1
解决办法
2804
查看次数

标签 统计

autoplay ×1

html ×1

ios ×1

iphone ×1

video ×1