如何使用 chrome 扩展程序控制 youtube 视频？

Question

我想编写一个 chrome 扩展，它可以控制我在 youtube.com 上看到的视频，例如使用“浏览器操作”按钮停止、播放和暂停它。 我尝试了很多用 javascript 来做，例如我写了这样的代码；

var btn=document.getelementbyid('the button id');
var video=document.getelementbyid('video');    //current video on youtube which is  playing 
btn.addeventlistener('click',function(){

  video.stop()
   })

我总是得到这个错误=>video.stop() 不是一个函数... 我的问题是为什么我会收到这个错误？ 我的第二个问题是我可以用 iframe 标签包装视频元素（而不是通过将视频加载到另一个页面，就在 youtube.com 中）并在那里控制它吗？

Answer 1

在视频页面上的控制台中尝试此操作：

document.getElementById('movie_player').pauseVideo()

或

document.getElementById('movie_player').playVideo()

这应该可行。

请注意，getElementById 与 Javascript 中的 getelementbyid 不同！它也是 addEventListener，而不是 addeventlistener。函数名和变量名在Javascript中一般采用驼峰式。