How to get a preview (screensaver) of a video?

Question

JavaScript

When the user uploads a video to input[type="file"] , at the end of the upload, the video file and buttons are displayed: upload, cancel. Is it possible to somehow pull out the splash screen image of the video file in order to place it in the display block of the video file. Thanks in advance)

Answer 1

<video width="400" controls>
  <source src="mov_bbb.mp4" id="video_here">
    Your browser does not support HTML5 video.
</video>
<input type="file" name="file[]" class="file_multi_video" accept="video/*">

$(document).on("change", ".file_multi_video", function(evt) {
  var $source = $('#video_here');
  $source[0].src = URL.createObjectURL(this.files[0]);
  $source.parent()[0].load();
});