Javascript 如何将按钮添加到youtube视频缩略图?铬延伸
我想在youtube的每个缩略图上添加一个按钮,这意味着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");
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包含其他元素,如视频长度和进度图形,因此我认为在那里插入按钮是明智的,但它不起作用
问题:
我应该将按钮“添加”到哪个元素,以便它们显示在缩略图的一角?
我是否以正确的方式添加按钮?请参见,这是否意味着上面的代码段实际上正在工作,我只需要在渲染之前进行修改?我不确定是否遵循。我认为我链接的答案解释了一切。我编辑了帖子并添加了问题,我确信你链接的答案是相关的,但我需要能够首先做到以上几点。