JSFiddle - React, Tailwind, and code Playground
HTML
<script>
function t() {
var preview = document.querySelector('embed');
var video = document.querySelector('input[type=file]').files[0];
var reader = new FileReader();
reader.onloadend = function () {
preview.src = reader.result;
}
if (video) {
reader.readAsDataURL(video);
} else {
preview.src = "";
}
};
</script>
<input type="file" name="fileupload" value="fileupload" id="fileupload"> <label for="fileupload"> Select a file to play</label>
<embed id="video" width="330" height="220" scr="">
<button id="submit" value="submit" onclick="t();">play</button>