HTML5의 video

HTML5 비디오 플레이어를 삽입하는 HTML markup

<video id="myVideo" controls="controls">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  브라우저를 업그레이드하세요. 
  현재 브라우저는 HTML5 비디오를 지원하지 못합니다.
</video>

HTML5 video의 play가 완료되면 발생하는 ended 이벤트에 귀기울이는 방법. (모든 종류의 브라우저에 통한다고 함):

<script type='text/javascript'>
    document.getElementById('html5video').
        addEventListener('ended', myOnEndedHandler, false);
    function myOnEndedHandler(e) {
        if(!e) { e = window.event; }
        // What you want to do...
    }
</script>

HTML5의 video event를 보여주는 웹페이지: developer.apple.com