javascript - 如何创建自定义 HTML5 视频控件？

Question

我对使用 HTML5 构建自定义视频播放器很感兴趣。使用 Ogg 和 h.264 的双重格式嵌入 html5 视频媒体没有问题。我的主要问题是引用视频标签元素的 API。我可以通过 javascript 访问哪些属性和事件监听器？

Answer 1

对于基本 UI，您只需要播放暂停和音量。

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

这些都不错

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

这将打印出完整的列表，但要小心超出 HTML5 记录的 API。

<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>