JSFiddle - React, Tailwind, and code Playground

HTML

<input type='file' onchange="setVideo(this);">
<video id="video">
  <source>
</video>

JavaScript

function setVideo(el) 
{
  console.log('inited');
	const file = el.files[0];
  let video = document.querySelector('#video');
  let url = URL.createObjectURL(file);
  let videoSrc = video.querySelector('source');
  videoSrc.src = url;
  videoSrc.setAttribute('type', file.type);
  let metaLoaded = function () {
   console.log('metaloaded');
  };
  
  video.load();

  if ( video.readyState > 0 )
    metaLoaded();
  else
    video.addEventListener('loadedmetadata', metaLoaded, false);
}