2010-02-17 105 views
9

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

回答

3

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

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>