JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="input"/><video controls="true" id="video"></video>

CSS

body * {display:block;}
body video {width:100%;margin-top:40px;}

JavaScript

var url = window.URL || window.webkitURL;
if (!url){alert('Смени браузер!'); return;}

var video = document.getElementById('video');
var input = document.getElementById('input');
input.onchange = function () {
    var file = this.files[0];
    if (!video.canPlayType(file.type)){alert('Формат не поддерживается'); return;}
    
    video.src = url.createObjectURL(file);
    video.play();
}