2013-10-21 5 views
0

나는 임베드 링크는 다음이강제로 YouTube 동영상 자동 재생을 삽입 하시겠습니까?

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

같은 경우

그래서 자동 재생과 함께이

과 같을 것이다, 우리는 '자동 재생 = 1'매개 변수를 추가하여 임베드 YouTube 동영상을 자동 재생 수 있다는 사실을 알고
<iframe width="420" height="315" src="//www.youtube.com/embed/sorpTOyJXf8?autoplay=1" frameborder="0" allowfullscreen></iframe> 

하지만 내 관심사는 내가 내 사이트에 꽤 많은 유튜브 링크를 내장 한, 그것은이 CMS 내에서 하나의 코드를 업데이트 할 수 지루한 woulb, 전 세계적으로 자동 재생 유튜브을 가능하게하는 자바 스크립트 함수가 있습니까?

답변

2

이것은 간단한 해결책입니다. 그것이 작동하는 방법에 대한 자세한 내용은 코드의 주석을 참조하십시오 :

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