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

时间:2014-12-16 05:20:56

标签: html ios video iframe autoplay

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

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

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

3 个答案:

答案 0 :(得分:3)

最后我得到了答案。那个

  

无法完成。由于各种原因(包括但不限于   数据使用),Apple不允许自动播放视频。

     

见   https://stackoverflow.com/a/8142187/3933697

答案 1 :(得分:2)

要在iframe链接中添加静音,请使用&#34;&amp; muted = 1&#34;。完整的链接将是:

<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 :(得分:0)

chrome Android 53及以上版本支持自动播放 和IOS 10 +支持自动播放 您需要在视频标记中使用静音自动播放属性

<video width="465" height="315" muted autoplay src="movie.mp4"></video>

chrome docs here