addEventListener w skrypcie treści nie działa

Question

Mam rozszerzenie chrome z popup.html i wstrzyknięty skrypt zawartości. Za pomocą wstrzykiwanego skryptu zawartości próbuję uzyskać dostęp do funkcji JavaScript javascript youtube i wszystko działa poprawnie, z wyjątkiem jednego: addEventListener.

Detektor zdarzeń z javascript API serwisu Youtube nasłuchuje, aby zmienić stan wideo. Więc jeśli koniec filmu osiągnięciu zmiany stanu 0.

var currentVideo = document.getElementById('movie_player'); 
currentVideo.addEventListener("onStateChange", "onytplayerStateChange"); 

function onytplayerStateChange() { 
    console.log("The state of the player has changed"); 
} 

Ten fragment kodu działa dobrze w normalnym środowisku, ale to nie działa w skrypcie treści. Dlaczego nie mogę uchwycić zmiany wydarzeń w moim skrypcie treści? Jakieś pomysły?

Answer 1

Skrypty dotyczące zawartości wykonują , a nie działają w zakresie bieżącej strony. Moduł obsługi zdarzeń musi być podawany przez inną <script> tagu, jak opisano w tej odpowiedzi: Building a Chrome Extension with Youtube Events:

var actualCode = 'function onytplayerStateChange() {' 
       + ' console.log("The state of the player has changed");' 
       + '}'; 

var script = document.createElement('script'); 
script.textContent = actualCode; 
(document.head||document.documentElement).appendChild(script); 
script.parentNode.removeChild(script); 

PS. DOM jest dostępny dla skryptu treści, więc powiązanie obsługi zdarzeń działa.