javascript - 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" );