【问题标题】:iOS autoplay not workingiOS自动播放不起作用
【发布时间】:2018-03-13 08:18:29
【问题描述】:

我正在尝试在 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 设备上尝试过,即使该视频甚至没有音轨,视频也无法播放。

非常感谢

【问题讨论】:

    标签: ios safari html5-video


    【解决方案1】:

    你有没有尝试写:

    <video muted playsinline />
    

    或:

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

    ?

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

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

    【讨论】:

    • 添加 对我有用。需要注意的是,还需要“静音”才能在 Chrome 上进行自动播放。干杯!
    【解决方案2】:

    不幸的是,iOS 阻止了自动播放。播放功能需要从点击或触摸事件触发。模拟点击或触摸也不起作用。由于这取决于Apple,因此恐怕没有什么可做的。

    【讨论】:

    • 不正确 - webkit.org/blog/6784/new-video-policies-for-ios。让它发挥作用是另一回事。
    • @JorgeLuisBorges,至少在我的测试中,虽然在 Android 上自动播放有效,但在 iOS 上却不行。您必须单击视频才能开始播放。
    猜你喜欢
    • 2018-11-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-12
    • 2014-01-04
    • 2013-12-12
    • 1970-01-01
    • 2018-09-24
    相关资源
    最近更新 更多