Question

所以我有一个chrome扩展程序，我尝试使用Afterglow player来播放页面上已有的视频。据我所知，播放器的工作原理是，一旦完成状态，就可以查看html并控制具有“余辉”类的视频或链接元素，并使用javascript更改其元素。由于我不熟悉Chrome扩展程序，因此我无法确定应该如何包含此库。我的清单页面目前看起来像这样（网站和名称已更改）

{
  "name": "CHANGE THIS : Extension boilerplate",
  "version": "0.0.1",
  "manifest_version": 2,
  "description": "This extension was created with the awesome extensionizr.com",
  "homepage_url": "http://extensionizr.com",
  "icons": {
    "16": "icons/icon16.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
  },
  "default_locale": "en",
  "browser_action": {
    "default_icon": "icons/icon19.png",
    "default_title": "browser action demo",
    "default_popup": "src/browser_action/browser_action.html"
  },
  "permissions": [
    "http://www.google.com/*"
  ],
  "content_scripts": [
    {
      "matches": [
        "https://www.google.com/*"
      ],
      "css": [
        "src/inject/inject.css"
      ]
    },
    {
      "matches": [
        "http:/www.google.com/*"
      ],
      "js": [
        "src/afterglow/afterglow.min.js", "src/inject/inject.js" 
      ]
    }
  ]
}

但是当我尝试以the API中描述的方式引用余辉时，我得到了

Uncaught ReferenceError: afterglow is not defined           inject.js

或者，如果我创建一个脚本元素并以这种方式注入代码，我得到

Uncaught ReferenceError: afterglow is not defined           VM####

如何将它包含在我的项目中，以便html可以有class =“afterglow”，我可以在代码中使用余辉对象？

就这样没有混淆，视频已经正常工作了。这不是问题。 唯一的问题是在余辉播放器中获取它。

在chrome扩展中加载Afterglow.js外部脚本

0 个答案: