扩展可以控制Chrome视频播放器吗？

Question

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

这是它的样子：

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

我试图Inspect element按钮，看看我真的需要控制，但它并没有给我比视频源URL更多（这是在我的电脑...）

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

至于我知道，元素使用阴影DOM功能来隐藏其结构。

请看W3C的Tuts+和HTML 5 Video Tag规范。

更新

看看igrigorik/videospeed，它可能有助于