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;

<强> Live demo (click).

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

1 个答案: