扩展以控制 chrome 视频播放器？答案

【问题标题】：Extension to take control over chrome video player?扩展以控制 chrome 视频播放器？
【发布时间】：2015-04-19 07:54:07
【问题描述】：

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

看起来是这样的：

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

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

【问题讨论】：

标签： google-chrome google-chrome-extension

【解决方案1】：

你只需要执行附加到 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>

【讨论】：

是否可以制作一个安卓应用程序来远程执行此操作？即应用程序将在手机上运行并控制在计算机上运行的视频播放器

【解决方案2】：

据我所知，element 使用 shadow DOM 特性来隐藏其结构。

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

更新

看看igrigorik/videospeed，也许有帮助

【讨论】：