YouTube嵌入不会在初始加载时自动播放。刷新时会自动播放

Question

这是带有问题的实时网站：thebishops.band

当我设置mute=1时，autoplay在初始加载时工作。但我需要播放音频。

使用data-property与<iframe/>。

这是html：

<section class="intro full-width full-height jIntro" id="anchor00">
  <div class="container">
    <div class="row">
      <div class="col-md-12">

    <div class="playerVideo" data-property="{videoURL:'LH-Jm6QdebU',showControls:false,containment:'self',autoPlay:1, mute:false, startAt:0,opacity:1,ratio:'4/3', addRaster:true}"> <!-- Slider -->
        <a href="#" class="play-video">Play/Pause</a>
    </div>

      </div>
    </div>
  </div>
</section>

谢谢您的帮助。

Answer 1

使用最近的YouTube API更新和browsers vendor policy，如果音频已开启，则无法自动播放视频。以下是更新的摘录：

Chrome的自动播放政策很简单：

始终允许静音自动播放。

如果出现以下情况，则允许自动播放声音

• 用户已与域进行了互动（点击，点击等）。
• 在桌面上，用户的媒体参与度指数阈值已超过，这意味着用户之前已播放带有声音的视频。
• 在移动设备上，用户已[将网站添加到其主屏幕]。顶部框架可以将自动播放权限委托给他们的iframe，以允许自动播放声音。

我相信你正在使用jquery.mb.YTPlayer库。它有一个解决方法，如果自动播放设置为true并且音频没有静音，则一旦用户与页面进行第一次点击/触摸交互，视频就会启动。