代码之家 › 专栏 › 技术社区 › Jim Jeffers

如何创建自定义HTML5视频控件?

html5 video html javascript

9

Jim Jeffers · 技术社区 · 16 年前

我对用HTML5构建一个定制视频播放器感兴趣。我可以利用Ogg和h.264的双重格式嵌入html5视频媒体。我的主要问题是引用视频标签元素的API。我可以通过javascript访问哪些属性和事件侦听器?

1 回复 | 直到 16 年前

1

3

Wayne Smith 12 年前

对于一个基本的用户界面,你只需要播放暂停和音量。

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>