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

Question

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

我尝试了以下方法，但它无法在 chrome 和移动设备上播放。

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

第二种方式

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);

}); 

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

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

Answer 1

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