맞춤 HTML5 동영상 컨트롤을 만들려면 어떻게해야하나요?

Question

HTML5로 맞춤 동영상 플레이어를 만드는 데 관심이 있습니다. Ogg 및 h.264의 이중 포맷을 사용하는 html5 비디오 미디어를 포함하는 데 문제가 없습니다. 내 주요 문제는 비디오 태그 요소에 대한 API를 참조하는 것입니다. 자바 스크립트를 통해 액세스 할 수있는 속성 및 이벤트 리스너는 무엇입니까?

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>