Расширение для управления хромовым видеоплеером?

Question

Когда вы перетаскиваете фильм в Google Chrome Browser, он начинает воспроизводиться в браузере. Как я могу дистанционно управлять кнопками Play/Pause этого проигрывателя? (Скажем, с помощью смартфона)

Вот как это выглядит:

Есть ли расширение для этого? Могу ли я создать такое расширение? Если да, то каковы основные шаги?

Я попытался 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

Насколько Я знаю, элемент использует функции shadow DOM, чтобы скрыть свою структуру.

Посмотрите на этот учебник по Tuts+ и HTML 5 Video Tag spec на W3C.

Update

Посмотрите на igrigorik/videospeed, это может быть полезно