擴展可以控制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，它可能有助於