Youtube Api：无法使addEventListener在chrome扩展中工作

Question

我试图在每次播放器状态更改时运行一个函数，但是当我在扩展中使用以下代码时onStateChange没有触发。

function onPlayerStateChange( newState ) {
    console.log( "New state: " + newState );
}

player = document.getElementById( "movie_player" );
player.addEventListener( "onStateChange", "onPlayerStateChange" );

当我通过chrome javascript控制台运行它时运行正常但由于某些原因我无法使用我的扩展程序。

这是manifest.json的相关部分：

"content_scripts": [ {
  "matches": [ "*://*.youtube.com/watch*" ],
  "js": [ "jquery.js", "page.js" ]
} ],

这是page.js的一部分：

function onPlayerStateChange( newState ) {
    console.log( "New state: " + newState );
}

player = document.getElementById( "movie_player" );
player.addEventListener( "onStateChange", "onPlayerStateChange" );