Привет!
Я создаю расширение Chrome, в котором мне нужно встроить SWFобъект на страницу фона.
Все работает, кроме элементов управления JavaScript для SWFobject и eventListeners.
Я предполагаю, что он имеет какое-то отношение к междоменным политикам, потому что при проверке страницы на веб-сервере все работает нормально.
В любом случае, здесь фрагмент:
На главной странице:
var playerView = chrome.extension.getBackgroundPage();
$('#playerPause').click(function(){
playerView.playerPause();
});
В фоновом режиме:
function playerPause() {
if (postData[nowPlaying].provider == 'youtube' ) {
player.pauseVideo();
}
else if (postData[nowPlaying].provider == 'soundcloud' ) {
player.api_pause();
};
}
И eventListeners:
soundcloud.addEventListener('onMediaEnd', playerNext);
function onYouTubePlayerReady(player) {
player.addEventListener("onStateChange", "function(state){ if(state == 0) { playerNext(); } }");
}
В консоли он бросает
"Uncaught TypeError: объект # не имеет метода 'PauseVideo'"
для Youtube встраивает Soundcloud один.
Кроме того, SWFobject встроен так (и работает):
function loadTrack (id) {
if(postData[id].provider == 'youtube') {
swfobject.embedSWF(
"http://www.youtube.com/e/" + postData[id].url + "?enablejsapi=1&playerapiid=player",
"player",
"1",
"1",
"8",
null,
{
autoplay: 1
},
{
allowScriptAccess: "always"
},
{
id: "player"
}
);
}
else if(postData[id].provider == 'soundcloud') {
swfobject.embedSWF(
'http://player.soundcloud.com/player.swf',
'player',
'1',
'1',
'9.0.0',
'expressInstall.swf',
{
enable_api: true,
object_id: 'player',
url: postData[id].url,
auto_play: true
},
{
allowscriptaccess: 'always'
},
{
id: 'player',
name: 'player'
}
);
}
}
Извините за длинный пост, я хотел предоставить как можно больше информации.
Кроме того, я знаю, что код не очень красивый, это было только мое второе приложение;)
Большое спасибо заранее всем, кто может помочь,
Джакомо