html - autoplay=1 不适用于 <iframe> 在移动设备中播放视频

Question

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

它在网络上运行完美，但在 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>

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

Answer 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>