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添加到视频代码中，只需将两个查询字符串添加到youtube的网址中

自动播放= 1
静音= 1

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

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

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

更多参考

WordPress iframe自动播放视频无法正常工作

1 个答案: