video-player

an html5 video player with events

by marcelow

HTML

<video id="video-player" controls=true>
    <source src="https://archive.org/download/BigBuckBunny_328/BigBuckBunny_512kb.mp4">
</video>

JavaScript

var elem = document.getElementById('video-player');
[
  'abort',
  'canplay',
  'canplaythrough',
  'durationchange',
  'emptied',
  'ended',
  'error',
  'loadeddata',
  'loadedmetadata',
  'loadstart',
  'pause',
  'play',
  'playing',
//  'progress',
  'ratechange',
  'seeked',
  'seeking',
  'stalled',
  'suspend',
//  'timeupdate',
  'volumechange',
  'waiting'
].forEach(function(eventName) {
  elem.addEventListener(eventName, function (event) {
     console.log('event triggered', eventName, event);
  }, true);
});