強制嵌入式YouTube視頻自動播放？

Question

我知道，我們可以通過添加「自動播放= 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鏈接，它woulb是乏味的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).