JQuery YouTube ссылка на вложенный не работает

Question

Пожалуйста, проверьте: 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> 

Im невежественный ...

Answer 1

Я думаю, что проблема является идентификатором видео в первом DIV look at this example, где я изменил идентификатор видео из DABphlXEyW8e в DABphlXEyW8

Answer 2

Первый делает работу (в том смысле, он получает идентификатор из URL в DIV), так как он содержит:

watch?v= 

который необходим при извлечении ид на этой линии:

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

Но он бросает Тхи s ошибка в 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= 

, необходимые для извлечения Идентификатор

Вам нужно обновить 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