Youtube 오버레이 이미지 사업부 - 자동 재생 하단

Question

homepage에 YouTube iframe 상단에 div 오버레이가 있습니다.

아이디어를 한 번 클릭하면 비디오가 자동으로 재생되지만 볼을 재생할 수 없습니다. YouTube 매개 변수 'autoplay = 1'을 설정하면 이미지를 클릭하지 않고도 동영상이 재생됩니다.

아래 코드는 다음과 같습니다.

<div onclick="thevid=document.getElementById('thevideo'); 
thevid.style.display='block'; 
this.style.display='none'"> 

<img style="cursor: pointer;" 
src="http://www.belfastdigitalagency.com/wp-content/themes/responsy-v2.5/random_image1.php" 
alt="belfast digital marketing agency animated video" /> 
</div> 

<div id="thevideo" style="display: none;"> 
<iframe width="1280" height="720" 
src="http://www.youtube.com/embed/iy_lolGhjPE?rel=0&vq=hd720&color=white&autoplay=0&wmode=transparent&theme=light&showinfo=0&origin=http://www.belfastdigitalagency.com" 
frameborder="0" allowscriptaccess="always" 
allowfullscreen="true"></iframe> 
</div> 

어떤 아이디어가 잘못 되었나요? 비록 그것이 나쁜 것처럼 보이는 것을 체크 아웃하는 포인터 일지라도, 사전에 많은 것을 평가했습니다!

건배,

필

P.S - UnLoCo이다 전설 덕분에, 그것은 시간에 고정합니다. 올바른 코드는 다음과 같습니다. 다시 한 번 감사드립니다 UnLoCo!

<div onclick="thevid=document.getElementById('thevideo'); 
thevid.style.display='block'; this.style.display='none'; 
document.getElementById('iframe').src = 
document.getElementById('iframe').src.replace('autoplay=0','autoplay=1');"> 

<img style="cursor: pointer;" src="http://www.belfastdigitalagency.com/wp-content/themes/responsy-v2.5/random_image1.php" alt="belfast digital marketing agency animated video" /> 
</div> 

<div id="thevideo" style="display: none;"> 
<iframe id="iframe" width="1280" height="720" src="http://www.youtube.com/embed/iy_lolGhjPE?rel=0&vq=hd720&color=white&autoplay=0&wmode=transparent&theme=light&showinfo=0&origin=http://www.belfastdigitalagency.com" 
frameborder="0" allowscriptaccess="always" allowfullscreen="true"></iframe> 
</div> 

Answer 1

클릭에 추가 :

document.getElementById('iframe').src = 
document.getElementById('iframe').src.replace('autoplay=0','autoplay=1');