Fatal编程技术网
  • javascript/
  • Javascript DIY Chrome分机在播放视频时未发出警报

Javascript DIY Chrome分机在播放视频时未发出警报

javascript google-chrome-extension

Javascript DIY Chrome分机在播放视频时未发出警报,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我编写了一个简单的chrome扩展，当html5视频开始在被访问的网站上播放时，它会显示一条警告消息 它没有这样做 以下是content.JS代码： var vid = document.getElementsByTagName('video'); vid.addEventListener("playing", function() { alert("A HTML5 Video is playing"); } 下面是Manifest.JSON代码： { "manifest_vers

我编写了一个简单的chrome扩展，当html5视频开始在被访问的网站上播放时，它会显示一条警告消息

它没有这样做

以下是content.JS代码：

var vid = document.getElementsByTagName('video');
vid.addEventListener("playing", function() {
    alert("A HTML5 Video is playing");
}
下面是Manifest.JSON代码：

{
  "manifest_version": 2,

  "name": "video playing alerter",
  "version": "0.1.0",
  "description": "video playing alert demo extension",

  "content_scripts": [{
    "js": ["content.js"],
    "matches": ["*://*/*"]
  }]

}
您确定事件名称是
播放
而不是
播放
？或者它触发了一个事件？或者您捕获了正确的元素？我们无法为您验证任何内容。getElementsByTagName检索一个类似数组的集合，该集合没有addEventListener方法。开始使用浏览器devtools：您应该在其控制台中看到一个错误。作为一个实用的解决方案，您必须使用MutationObserver并在添加的每个
视频
元素上附加一个事件侦听器（参见一个松散的示例），或者使用setInterval每隔1秒重新运行一次代码。@wOxxOm像这样吗
setInterval（function（）{var vid=document.getElementsByTagName（'video'）；vid.addEventListener（“播放”，function（）{alert（“正在播放HTML5视频”）；}}，1000）；