Wordpress Iframe 自动播放视频不起作用

Question

我无法继续执行代码，因为我的代码无法运行 请告知此代码

<div id="video-section-pop">
 <button id="close">X</button><br>
 <video controls autoplay>
    <iframe width="100%" height="250" src="https://www.youtube.com/embed/4J-VkbOwulM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
 </video>   
</div>

Answer 1

原因

更多浏览器更改其自动播放政策，例如 Google：

Chrome 的 Autoplay Policy 在 2018 年 4 月发生了变化

始终允许静音自动播放。在以下情况下允许自动播放声音：

• 始终允许静音自动播放。
  • 在以下情况下允许自动播放声音：
  • 用户已与域进行了交互（单击、点击等）。
  • 在桌面上，用户的媒体参与指数阈值已被超过，这意味着用户之前播放过有声视频。

---

解决方案

你不需要将youtube的iframe添加到video标签，你只需要在youtube的URL中添加两个查询字符串

• 自动播放=1
• 静音=1

它也在另一个现代浏览器上运行

<iframe ... src="https://www.youtube.com/embed/4J-VkbOwulM?autoplay=1&mute=1"></iframe>

您可以在https://jsfiddle.net/tf3gpb1r/5/查看完整代码

---

更多参考

• youtube-autoplay-not-working
• To Play, or Not to Play – New AutoPlay Policies for Safari 11 and Chrome 64