JSFiddle - React, Tailwind, and code Playground

by Clint Brown

HTML

<video id="video" width="360" height="240">
    <source src="http://www.publicisworldwideaustralia.com.au/wp-content/uploads/hahn-super-in-out-tvc.mp4">
    <source src="http://www.publicisworldwideaustralia.com.au/wp-content/uploads/hahn-super-in-out-tvc.webm" type="video/webm">
    <source src="http://www.publicisworldwideaustralia.com.au/wp-content/uploads/hahn-super-in-out-tvc.ogv" type="video/ogg">
</video>

JavaScript

setTimeout(function () {
var myVideo = document.getElementById('video');

myVideo.addEventListener('canplay', function() {
    alert('canplay');
    myVideo.play();
}, false);

myVideo.load();
//myVideo.play();    
}, 4000);