Question

有谁知道如何使用JavaScript与jQuery制作超链接来播放嵌入的YouTube视频？我知道我能做到：

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

但是，如果我使用<embed>或<object>，这不会有效吗？我正在使用<iframe>将视频嵌入到我的网页上。 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

使用JavaScript和jQuery制作超链接以播放嵌入的YouTube视频

1 个答案: