使用JavaScript和jQuery製作超鏈接播放嵌入式YouTube視頻

Question

有誰知道我會如何使用JavaScript與jQuery建立超級鏈接來播放嵌入式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')); 
}); 

DEMO順便說一句，使用嵌入式鏈接，您可以在YouTube頁面上的一個

的HREF