使用 JavaScript 和 jQuery 创建超链接以播放嵌入式 YouTube 视频答案

【问题标题】：Use JavaScript and jQuery to Make a Hyperlink to Play Embedded YouTube Video使用 JavaScript 和 jQuery 创建超链接以播放嵌入式 YouTube 视频
【发布时间】：2011-03-26 19:31:54
【问题描述】：

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

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

但是，这不是只有在我使用<embed> 或<object> 时才有效吗？我正在使用<iframe> 在我的页面上嵌入视频。 document.getElementById("player") 还能在 <iframe id="player"> 上工作吗？

【问题讨论】：

标签： javascript jquery html xhtml youtube-api

【解决方案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 页面上找到的嵌入式链接作为您的 a 的 href

【讨论】：