Özel HTML5 video denetimlerini nasıl oluşturabilirim?

Question

HTML5'te özel bir video oynatıcı oluşturmakla ilgileniyorum. Ben Ogg ve h.264 ikili formatı kullanarak html5 video medya katıştırma konusunda hiçbir sorunum yok. Ana sorunum, video etiketi öğesinin API'sine başvurmaktır. Javascript ile hangi özelliklere ve etkinlik dinleyicisine erişebilirim?

Answer 1

Basit bir kullanıcı arayüzü için ihtiyacınız olan şey duraklatma ve ses seviyesidir.

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

Bu

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

Bu tam listesi çıktı, ancak HTML5 ötesine gidecek

dikkatli API belgelenmiştir güzel.

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