JSFiddle - React, Tailwind, and code Playground

by alanweibel

HTML

<video id="benny"
    poster="http://butlerccwebdev.net/support/html5-video/media/bigbuckbunny-poster.jpg"
    autoplay
    controls
    preload="auto">
    <source type="video/ogg" src="http://butlerccwebdev.net/support/html5-video/media/bigbuckbunnytrailer-480p.ogg">
    <source type="video/webm" src="http://butlerccwebdev.net/support/html5-video/media/bigbuckbunnytrailer-480p.webm">
    <source type="video/mp4" src="http://butlerccwebdev.net/support/html5-video/media/bigbuckbunnytrailer-480p.mp4">
</video>

JavaScript

document.getElementById('benny').addEventListener('ended',myHandler,false);
function myHandler(e) {
    if(!e) { e = window.event; }
    alert("Video Finished");
}