检查上传的文件是否是视频并获取第一张图片

Question

我有此代码：

<input type="file" name="comment_file" class="comment_file">
  <img src="" class="show_img">

  $(document).on("change", ".comment_file", function(evt) {
    var $source = $('.show_img');
    $source[0].src = URL.createObjectURL(this.files[0]);
  });

我想预览用户选择文件时上传的文件。 如果用户选择图像，则上面的代码将在<img>标签中显示该图像的预览。

但是，如果用户选择了视频，则<img>标签不会显示任何内容。

我想知道如何检查上传的文件是否是视频，以及如何在<img>标签中显示该视频的第一张图片？

谢谢。