Javascript 如何将按钮添加到youtube视频缩略图?铬延伸

Javascript 如何将按钮添加到youtube视频缩略图?铬延伸,javascript,google-chrome,google-chrome-extension,youtube,Javascript,Google Chrome,Google Chrome Extension,Youtube,我想在youtube的每个缩略图上添加一个按钮,这意味着youtube主页和相关视频栏。我在我的内容脚本中尝试了这一点,但无法使其工作 function addButtons() { var overlays = document.querySelectorAll('#overlays'); overlays.forEach(function(overlay,index) { var btn = document.createElement("BUTTON");

我想在youtube的每个缩略图上添加一个按钮,这意味着youtube主页和相关视频栏。我在我的内容脚本中尝试了这一点,但无法使其工作

function addButtons()
{
    var overlays = document.querySelectorAll('#overlays');
    overlays.forEach(function(overlay,index) {
        var btn = document.createElement("BUTTON");
        var t = document.createTextNode("Heyy");
        btn.appendChild(t);
        overlay.appendChild(btn);
    });
}
我在youtube上看到id为“overlay”的div包含其他元素,如视频长度和进度图形,因此我认为在那里插入按钮是明智的,但它不起作用

问题:

我应该将按钮“添加”到哪个元素,以便它们显示在缩略图的一角?


我是否以正确的方式添加按钮?

请参见,这是否意味着上面的代码段实际上正在工作,我只需要在渲染之前进行修改?我不确定是否遵循。我认为我链接的答案解释了一切。我编辑了帖子并添加了问题,我确信你链接的答案是相关的,但我需要能够首先做到以上几点。