0

確認してください: http://jsfiddle.net/T6Nja/

私の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>

私は無知です...

4

2 に答える 2

2

問題は、ビデオ ID を からに変更したこの例を見て、最初の div のビデオ ID だと思いますDABphlXEyW8eDABphlXEyW8

于 2013-02-16T00:01:24.383 に答える
0

最初のものは機能します (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次のものが含まれていないため、2 番目の「トレーニング」は機能しません。

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 の試みを解決するのに役立ちます

于 2013-02-15T23:54:16.413 に答える