addEventListener en el script de contenido no funciona

Question

Tengo una extensión de Chrome con un popup.html y un script de contenido inyectado. Con el script de contenido inyectado, intento acceder a las funciones de la API de JavaScript de youtube y todo funciona bien, excepto uno: addEventListener.

El detector de eventos de la API de JavaScript de Youtube escucha el estado del video para cambiar. Así que si el final del video se alcanza el estado cambia a 0.

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

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

Esta pieza de código funciona bien en un ambiente normal, pero no puede trabajar en la escritura de contenido. ¿Por qué no puedo ver el cambio de eventos en mi script de contenido? ¿Algunas ideas?

Answer 1

Las secuencias de comandos de contenido no se ejecutan en el alcance de la página actual. El controlador de eventos tiene que ser inyectada a través de otra etiqueta <script>, como se describe en esta respuesta: 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. El DOM está disponible para el script de contenido, por lo que el vinculador del controlador de eventos funciona.