控制 chrome 视频播放器的扩展程序？

Question

当您将电影拖到 Google Chrome 浏览器时，它会在浏览器中开始播放。如何远程控制此播放器的 Play/Pause 按钮？（用智能手机说）

这是它的样子：

这个有扩展吗？我可以创建这样的扩展吗？如果是，那么主要步骤是什么？

我尝试 Inspect element 按钮来查看我真正需要控制的内容，但它并没有给我更多的视频源 url （在我的电脑里...）

Answer 1

据我所知，元素使用阴影 DOM 特性来隐藏其结构。

查看有关 W3C Tuts+ and HTML 5 Video Tag 规范的教程。

更新

看看igrigorik/videospeed，可能会有帮助

Answer 2

您只需执行附加到 DOM 元素的方法：

videoElement= document.querySelector("video");
videoElement.play();

部分资源：

相当于通过扩展程序控制视频，将您的代码放在内容脚本中以便能够访问 video 元素，并最终监听外部事件，然后您将触发这些事件有以上台词的玩家。

一个简单的例子

document.querySelector("video").play(); //play on page load 

document.querySelector("#play").addEventListener("click", function(){
  document.querySelector("video").play(); 
});

document.querySelector("#pause").addEventListener("click", function(){
  document.querySelector("video").pause(); 
});

<video src="http://html5demo.braincracking.org/demo/media/windowsill.ogv"   controls loop>
  Video not supported
</video>

<br/>
<button id="play">Play</button>
<button id="pause">Pause</button>

控制 chrome 视频播放器的扩展程序？

Extension to take control over chrome video player?

google-chrome

google-chrome-extension