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

Question

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

如果嵌入链接是这样的

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

那么自动播放就会像这样

<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;

<强> Live demo (click).