JQuery的Youtube链接到嵌入式不起作用

请检查：http://jsfiddle.net/T6Nja/JQuery的Youtube链接到嵌入式不起作用

我的JQuery：

$('.training').html(function(i,v){ 
    var id = v.split('watch?v=')[1]; // get the id so you can add to iframe 
    return '<iframe width="150" height="150" src="http://www.youtube.com/embed/' + id + '" frameborder="0" allowfullscreen></iframe>'; 
});

}）; 我的HTML：

<div class="training">http://www.youtube.com/watch?v=DABphlXEyW8e</div><div class="training">http://youtu.be/DABphlXEyW8f</div>

林无言以对......

来源

2013-02-15 Jeft Lebowski

是什么你想做什么？ – james 2013-02-15 23:37:43

嵌入youtube链接 – 2013-02-15 23:39:23

当前结果有什么问题？ – james 2013-02-15 23:40:00

我认为这个问题是在第一个div look at this example视频ID在那里我已经改变了视频ID从DABphlXEyW8e到DABphlXEyW8

来源

2013-02-16 00:01:24

+1甚至没有注意到额外的e/f结束..他们似乎导致重定向回到DABphlXEyW8，这可能是什么导致UnSafe JavaScript错误。 – james 2013-02-16 00:09:03

第一个不工作（在这个意义上它得到的ID从URL在div），因为它包含：

watch?v=

这是需要在id的提取在这条线：

var id = v.split('watch?v=')[1]; // get the id so you can add to iframe

但它抛出THI在的jsfiddle■错误：

Unsafe JavaScript attempt to access frame with URL 
http://jsfiddle.net/T6Nja/ from frame with URL 
http://www.youtube.com/embed/DABphlXEyW8e. 
Domains, protocols and ports must match.

第二个“培训” div不起作用，因为它不包含：

watch?v=

所需提取的Id

你需要更新你的HTML如下：

<div class="training">http://www.youtube.com/watch?v=DABphlXEyW8e</div> 

<div class="training">http://www.youtube.com/watch?v=DABphlXEyW8f</div>

Youtube embed: Unsafe JavaScript attempt to access frame

上面的链接，帮助您与您的不安全的JavaScript尝试

来源

2013-02-15 23:54:16 james

JQuery的Youtube链接到嵌入式不起作用

回答

相关问题