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 并且音频未静音，则一旦用户与页面进行第一次点击/触摸交互，视频就会开始。