iOS自动播放无法正常工作

时间:2018-03-13 08:18:30

标签: ios safari html5-video

我正在尝试在iOS的Safari(任何版本)上自动播放视频,而我正在使用此HTML5标记:

<video
   autoPlay="true"
   loop="true"
   muted="true"
   playsInline="true"
   poster="/assets/pictures/poster.jpg"
   src="https://myURL"
   className="stage-vid"
/>

出于某种原因,它适用于Chrome和Firefox,但当我检查Chrome上的视频.muted属性设置为 true 时,在Safari中设置为 false 。我正在使用Browserstack进行调试,但我在iOS设备上尝试过,即使该视频甚至没有音轨,视频也无法播放。

非常感谢

2 个答案:

答案 0 :(得分:0)

您尝试写:

<video muted playsinline />

或:

<video muted="muted" playsinline="playsinline" />

Apple's docs所述,可以在iOS上进行自动播放

可能还有其他情况,例如低功耗模式会阻止自动播放,或者lower MEI(如果在Chrome上)。

答案 1 :(得分:-1)

不幸的是,iOS会阻止自动播放。需要通过点击或触摸事件触发播放功能。模拟点击或触摸也不起作用。我担心这与此无关,因为它取决于Apple。