События API на YouTube не стреляют с Adobe Muse ⇐ Jquery

[Anonymous]

Мой клиент нуждается в странице с 4 встроенными видео на YouTube, которые пауны, когда вы нажимаете на следующую, так что есть только один, играющий за раз. Звучит достаточно легко, верно? Я нашел виджет, который позволяет мне легко вставить код jQuery/JS. Я использую слегка модифицированную версию этой скрипки, которую я нашел в ветке с 2014 года, которая выглядела очень многообещающей и стабильной, но каким -то образом она не работает, когда я загружаю страницу на свой веб -сервер. Он работает в скрипке, хотя. < /P>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
console.log('api_inserted');

function onYouTubeIframeAPIReady() {
console.log('api_ready');
var $ = jQuery;
var players = [];
$('iframe').filter(function() {
return this.src.indexOf('http://www.youtube.com/') === 0;
}).each(function(k, v) {
console.log('iframes');
var src1 = $(this).attr('src');
$(this).attr('src', src1 + "?enablejsapi=1");
if (!this.id) { this.id='embeddedvideoiframe' + k; }
players.push(new YT.Player(this.id, {
events: {
'onStateChange': function(event) {
console.log('State_changed: ' + event.data);
if (event.data == YT.PlayerState.PLAYING) {
$.each(players, function(k, v) {
if (this.getIframe().id != event.target.getIframe().id) {
this.pauseVideo();
}
});
}
}
}
}));
console.log(players);
});
}
< /code>
Моя консольная вывод выглядит так: < /p>
api_inserted
api_ready
iframes
[X]
iframes
[X, X]
iframes
[X, X, X]
iframes
[X, X, X, X]


Подробнее здесь: https://stackoverflow.com/questions/377 ... adobe-muse