Demo - JavaScript-Preview-video-before-uploading

Edit This Code :

<html>
<head>
<title>Page Title</title>
</head>
<body>

<input type='file'  id='videoUpload' />

<video width="320" height="240" controls>
  Your browser does not support the video tag.
</video>

<script>
document.getElementById("videoUpload")
.onchange = function(event) {
  let file = event.target.files[0];
  let blobURL = URL.createObjectURL(file);
  document.querySelector("video").src = blobURL;
}
</script>

</body>
</html>

Result :