我正在尝试在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。我正在使用浏览器堆栈进行调试,但我在iOS设备上尝试过,即使该视频甚至没有音轨,视频也无法播放。
多谢
你有没有尝试过写:
<video muted playsinline />
或:
<video muted="muted" playsinline="playsinline" />
?
在iOS上可以自动播放,如Apple的文档中所述
可能还有其他情况,例如低功耗模式会阻止自动播放或降低 MEI(如果它在 Chrome 上(。
不幸的是,iOS阻止了自动播放。播放功能需要从单击或触摸事件触发。模拟点击或触摸也不起作用。恐怕对此无能为力,因为它取决于苹果。