javascript - 指向嵌入式的 JQuery youtube 链接不起作用

Question

请检查：http: //jsfiddle.net/T6Nja/

我的查询：

$('.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>

我一无所知...

Answer 1

我认为问题在于第一个 div 中的视频 ID看这个例子，我将视频 ID 从更改DABphlXEyW8e为DABphlXEyW8

Answer 2

第一个确实有效（从某种意义上说，它从 div 中的 url 获取 id），因为它包含：

watch?v=

提取此行上的 id 需要哪个：

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

但是它在 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 嵌入：不安全的 JavaScript 尝试访问框架

上面的链接将帮助您解决不安全的 JavaScript 尝试