video-event-debug

Log HTML5 video player events

Usage no npm install needed!

<script type="module">
  import videoEventDebug from 'https://cdn.skypack.dev/video-event-debug';
</script>

README

video-event-debug

Log (ie. console.log) all HTML5 video player events in real-time. Demonstration here: http://scottyfillups.io/video-event-debug

Installation

$ yarn add video-event-debug --dev

# Or,

$ npm install video-event-debug --save-dev

Usage

import videoDebugger from 'video-event-debug'

const $video = document.createElement('video')

videoDebugger($video)
$video.src = 'http://my.videourl.com'
document.body.appendChild($video)

$video.play()

Acknowledgements

List of media events retrieved from MDN: https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events