JSFiddle - React, Tailwind, and code Playground

by Kai

JavaScript

// Create div element with class
var div = $('<div></div>').addClass('vidContainer');

// Create video element, set attributes (id, src), add class
var video = $('<video autoplay="autoplay" controls="controls" onended="closeVideo();"></video>').attr({
    id: 'vid',
    src: 'http://staging.triadretail.com/Media/video/triadIntroVideoNewSize.mp4',   
}).addClass('vplayer');

// Append video to div
$(div).append(video);

// Append div to body
$('body').append(div);


// Kill video 5 seconds after onLoad
// pause() -- pauses video
// src = " " -- properly stops download
setTimeout(function () {
    var vid = $('#vid')[0];
    vid.pause();
    vid.src = " "; // Set to a space (" ") since Chrome doesn't obey empty string
}, 5000);