JavaScript 및 jQuery를 사용하여 하이퍼 링크를 만들어 삽입 된 YouTube 비디오 재생

Question

jQuery와 함께 JavaScript를 사용하여 포함 된 YouTube 비디오를 재생하는 하이퍼 링크를 만드는 방법을 아는 사람이 있습니까? 나는 내가 할 수있는 것을 알고 :

var player = document.getElementById("player"); 
$("#link").click(function(event){ 
event.preventDefault(); 
player.playVideo(); 
}); 

그러나 것없는이 유일한 작업 내가 <embed> 또는 <object> 사용하고 있다면? 내 페이지에 동영상을 퍼가려면 를 사용하고 있습니다. document.getElementById("player")은 여전히 ​​<iframe id="player">에서 사용할 수 있습니까?

Answer 1

$('#player')은 여전히 ​​작동하여 iFrame을 찾습니다. 그러나 해당 iFrame에서 요소를 찾으려면 $('selector', $('#player').contentDocument)을 사용해야합니다. iframe 내에서 javascript를 실행하는 동안 문서에서 요소를 찾으려면 parent.$('selector')을 사용해야합니다. 당신이 YouTube 동영상을 재생하려면 당신은 단순히 이것을 사용할 수 있습니다 :

$('.youtubeLink').bind('click', function(e) { 
    e.preventDefault(); 
    $('iframe').attr('src',$(this).attr('href')); 
}); 

Btw는

DEMO, 당신의

의 HREF대로 유튜브 페이지에서 확인할 수있는 임베디드 링크를 이용해