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

【问题标题】：Force embedded youtube video autoplay?强制嵌入 youtube 视频自动播放？
【发布时间】：2013-10-29 08:49:16
【问题描述】：

我知道我们可以通过添加 '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 全球自动播放？

【问题讨论】：

标签： video youtube autoplay autorun

【解决方案1】：

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

//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).

【讨论】：

这仍然暂停 2018+。