未捕获（按承诺）DOMException：由于找不到支持的源而无法加载

Question

当我使用.mpg格式的画布生成缩略图时，会出现此错误。

它适用于mp4，mov和其他一些格式。 谁能在这方面为我提供帮助，例如我应该怎么做才能适用于所有类型的格式？

function generateThumbnail(file){
    var fileReader = new FileReader();
    var video_obj = null;
    var tempFile = file;
    fileReader.onload = function() {
      var blob = new Blob([fileReader.result], {type: file.type});
      var url = URL.createObjectURL(blob);
      var video = document.createElement('video');
      var timeupdate = function() {
        if (snapImage()) {
          video.removeEventListener('timeupdate', timeupdate);
          video.pause();
        }
      };
      video.addEventListener('loadedmetadata', function() {
          video_obj = this;
      }, false);
      
      var snapImage = function() {
      var canvas = document.createElement('canvas');
      canvas.width = video.videoWidth;
      canvas.height = video.videoHeight;
      canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
      var image = canvas.toDataURL();
      var success = image.length > 100000;
      if (success) {
        URL.revokeObjectURL(url);
      }
      return success;
      };
      video.addEventListener('timeupdate', timeupdate);
      video.preload = 'metadata';
      video.src = url;
      // Load video in Safari / IE11
      video.muted = true;
      video.playsInline = true;
      video.play();
    };
    fileReader.readAsArrayBuffer(file); 
}