Question

我想自动播放iframe嵌入youtube视频页面或文档加载而不是任何点击事件。

我尝试了以下方法，但它没有在chrome＆amp;移动设备。

<iframe width="800" height="400" src="https://www.youtube.com/embed/W0LHTWG-UmQ?autoplay=1" frameborder="0" allowfullscreen></iframe>

第二种方式

＆＃13;

jQuery(document).ready(function() {
  jQuery('#playvideo').click(function(ev) {
  
  jQuery("#video_played")[0].src += "&autoplay=1";
    ev.preventDefault();
  });
  
  setTimeout(function() {
    jQuery('#playvideo').trigger('click');
  }, 4000);

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<iframe id="video_played" src="https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&loop=1&playlist=W0LHTWG-UmQ&autoplay=1" frameborder="0" allowfullscreen></iframe>
<a rel="wp-video-lightbox"  style="display: none;" href="#" id="playvideo">Play video</a>

＆＃13;

我只想在加载页面播放youtube嵌入视频而不是任何点击事件。

Answer 1

您可以使用解决方案https://codepen.io/Shiladitya/pen/prwJKB

iframe {
  width: 100%
}

<iframe height="345" src="http://www.youtube.com/embed/oHg5SJYRHA0?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

只需添加?rel=0&autoplay=1

即可

Answer 2

您可以在youtube链接的末尾添加autoplay = 1。请参考下文。

     <iframe width="1280" height="720" src="https://www.youtube.com/embed/ofKxLfdUGnk?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Answer 3

除非您为视频添加了静音，否则不会在Chrome上自动播放。静音= 1

jQuery在页面加载时播放iframe嵌入的YouTube视频

3 个答案: