使用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