video - 强制嵌入 youtube 视频自动播放？

Question

我知道我们可以通过添加 'autoplay=1' 参数来自动播放嵌入的 youtube 视频，

所以如果嵌入链接是这样的

<iframe width="420" height="315" src="//www.youtube.com/embed/sorpTOyJXf8" frameborder="0" allowfullscreen></iframe>

那么 with autoplay 看起来像这样

<iframe width="420" height="315" src="//www.youtube.com/embed/sorpTOyJXf8?autoplay=1" frameborder="0" allowfullscreen></iframe>

但我担心的是我在我的网站中嵌入了很多 youtube 链接，在 CMS 中逐个更新代码会很乏味，是否有 JavaScript 功能可以使 youtube 全球自动播放？

Answer 1

这是一个简单的解决方案。有关其工作原理的详细信息，请参阅代码中的注释：

//select the first iframe that has a src that links to youtube
var firstIframe = document.querySelector('iframe[src^="//www.youtube"]');

//get the current source
var src = firstIframe.src;

//update the src with "autoplay=1"
var newSrc = src+'?autoplay=1';

//change iframe's src
firstIframe.src = newSrc;

现场演示（点击）。