【问题标题】:autoplay=1 not working for <iframe> in playing video in mobile devices [duplicate]在移动设备中播放视频时,自动播放 = 1 不适用于 <iframe> [重复]
【发布时间】:2015-02-14 08:59:31
【问题描述】:

我正在处理视频。当我点击视频缩略图时,会出现一个弹出窗口并在其中播放视频,我需要在弹出窗口打开时开始播放视频(不点击播放按钮)。我尝试使用下面的代码。

它在网络上运行完美,但在 iPhone 、iPad 等移动设备上却无法运行

<iframe
        title="YouTube video player"
        id="videoFrame"
        class="youtube_iframe" src="http://www.youtube.com/embed/JW5meKfy3fY?wmode=opaque&amp;autoplay=1"
        frameborder="0"   width="395" height="280"        allowfullscreen=""        scrolling="no">
</iframe>

但在弹出窗口中打开视频时不会自动播放。 提前谢谢

【问题讨论】:

    标签: html ios video iframe autoplay


    【解决方案1】:

    要在 iframe 链接中添加静音,请使用“&muted=1”。完整的链接类似于:

    <iframe id="video-iframe" src="https://player.vimeo.com/video/125472391?api=1&player_id=video-iframe&autoplay=1&muted=1&loop=1&color=ffffff" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" frameborder="0"></iframe>
    

    【讨论】:

      【解决方案2】:

      chrome Android 53 及以上版本支持自动播放 并且IOS 10+支持自动播放 您需要在视频标签中使用 mutedautoplay 属性

      &lt;video width="465" height="315" muted autoplay src="movie.mp4"&gt;&lt;/video&gt;

      chrome 文档here

      【讨论】:

      • OP 询问的是 iframe 元素,而不是 video
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多