用于提高 vimeo 和 Youtube 视频速度的 Firefox 扩展

编程问答 2022-05-16

问题描述

我正在尝试构建一个 Firefox 扩展来提高 Vimeo 和 Youtube 上的视频速度。

没有扩展程序，我能够成功做到这一点（例如，正常速度的 3 倍）：

document.getElementsByTagName("video")[0].playbackRate = 3

我只需要在 Firefox Web 控制台上运行它（control+shift+k）。

为了构建这个，我遵循了 Mozilla 在 Your First Extension 上提供的很棒的教程，并且我能够成功复制教程中显示的内容。

重复课程后，我尝试了一些小调整。

我对 borderify.js 文件进行了这种颜色更改。此脚本可以直接访问网页：

document.body.style.border = "50px solid yellow";

在 manifest.json 上，我更改了 matches 值以获得 youtube 和 vimeo 域/子域：> 

{
  "manifest_version": 2,"name": "Borderify","version": "1.0","description": "Adds a red border to all webpages matching mozilla.org.","icons": {
    "48": "icons/border-48.png"
  },"content_scripts": [
    {
      "matches": [
        "*://*.youtube.com/*","*://*.vimeo.com/*",],"js": [
        "borderify.js"
      ]
    }
  ]
}

我的疑问是：

1 - 实现能够改变 Vimeo 页面的颜色：

enter image description here

但是，在 Youtube 上**不会发生颜色变化**。

为什么会这样？ 我是否需要在 .js 文件上写一些东西来覆盖 Youtube 的 CSS/HTML 源代码？ 为什么 Youtube 和 Vimeo 的行为方式不同？

2 - 这个颜色调整只是一个小的迭代，看看是否做对了。我真正想做的是将视频速度提高到正常速度的 3 倍。

因此，我将 borderify.js 上的脚本更改为真正使用我上面提到的代码：

document.getElementsByTagName("video")[0].playbackRate = 3
//document.body.style.border = "50px solid yellow";

尽管这一行代码可以在我的控制台浏览器上运行，但它在 firefox 扩展上不起作用。

与黄色侧边栏不同，此命令在 Vimeo 或 Youtube 上均不起作用。

为什么会这样？我该如何解决这个问题？

提前致谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

domfirefox-addongetelementsbytagnamejavascript