时间戳

首页 > 解决方案 > 视频自动播放不适用于所有 iphone

html - 视频自动播放不适用于所有 iphone

问题描述

在这个主页的顶部，我有一个带有静音、自动播放和 playinline 属性的视频。

该视频在我测试过的桌面和移动设备（Chrome、Safari、Firefox）上自动播放。令人惊讶的是，许多 iPhone 用户无法播放该视频，他们有一个播放按钮显示，需要交互。

这是我的代码：

<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 上。

谢谢

标签： htmliosiphonevideoautoplay

解决方案

如果 iPhone 处于省电模式，它不会自动播放视频。否则它应该与您的代码一起使用。

另外我认为您不需要任何js来自动播放。

推荐阅读