javascript - 使用 Chrome 扩展内容脚本检测 youtube 视频事件

Question

我正在编写一个 Chrome 扩展程序，我想在用户在 youtube.com 上观看视频时检测视频何时开始/结束。我的情况和我读过的其他教程的区别在于我没有在自己的网站上嵌入自己的 YouTube 视频，我只是想检测用户在 YouTube 上观看的视频中的事件。

现在我的 manifest.json 文件包含以下内容脚本行:

"content_scripts": [
    {
        "matches": ["http://*/*","https://*/*"],
        "js": ["js/jquery.js", "js/iframe_api.js", "js/contentScript.js"],
        "all_frames": true
    }
],

我下载了 jquery，iframe_api.js 是 https://www.youtube.com/iframe_api 的内容.我的 contentScript.js 文件非常简单，我只想在视频准备好后向控制台打印一些内容:

function onYouTubeIframeAPIReady() {
    var player;
    player = new YT.Player('ytplayer', {
        events: {
            'onReady': onPlayerReady,
        }
    });
}

function onPlayerReady(event) {
    console.log('It worked!');
}

有人能帮帮我吗？内容脚本甚至可以做到这一点，还是我不能访问 YouTube 视频的 iframe，因为它不在内容脚本所在的“隔离环境”中？

Answer 1

在我发布这个问题后不久，我找到了答案。不使用 youtube iframe api，而是使用 html5 api。我将内容脚本修改为以下内容，以便在视频结束时打印一条消息并且效果很好。

var vid = $('video').get(0);

vid.addEventListener('ended', function(e) {
    console.log('The video ended!');
});