扩展控制Chrome视频播放器？

Question

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

这就是它的样子：

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

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

Answer 1

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

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

一些资源：

• http://www.html5rocks.com/en/tutorials/video/basics/
• https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video
• https://developer.mozilla.org/fr/docs/Web/API/HTMLMediaElement

它相当于控制来自扩展程序的视频，将代码放在内容脚本中以便能够访问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>

Answer 2

据我所知，element使用shadow DOM功能隐藏其结构。

请参阅有关W3C的Tuts+和HTML 5 Video Tag规范的本教程。

<强>更新

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