Как я могу создать пользовательские элементы управления видео HTML5?

Question

Я заинтересован в создании собственного видеоплеера на HTML5. У меня нет проблем с встраиванием видео html5 с использованием двойного формата Ogg и h.264. Моя основная проблема заключается в ссылках на API для элемента video tag. К каким свойствам и прослушивателям событий у меня есть доступ через javascript?

Answer 1

Для базового интерфейса все, что вам нужно, это пауза воспроизведения и громкость.

HTMLVideoElement = document.getElementById("myvideo");
HTMLVideoElement.play();
HTMLVideoElement.pause();
HTMLVideoElement.volume = 1; /* values 0 to 1 */

Это хорошо

duration = HTMLVideoElement.duration;
currentTime = HTMLVideoElement.currentTime;

Это распечатает полный список, но с осторожностью выходит за рамки документированного API HTML5.

<video id="myvideo">
<source id="vidsource">
</video>
<script>
var HTMLVideoElement = document.getElementById("myvideo");
for (var key in HTMLVideoElement) { 
    document.write("<li>"+ key + ": " + HTMLVideoElement[key]);
} 
</script>