Как получить миниатюру изображения из видеофайла при загрузке его с помощью jquery

---

Я хочу извлечь миниатюру изображения из видеофайла, когда загружаю его с помощью jquery. Я попробовал ниже код, но он дает черное изображение.

Что я уже пробовал:

документ.метода getElementById("ДПД").метода addEventListener('изменить', функция (е) {

url = window.URL.createObjectURL(e.target.файлы[0]);
var video = document.createElement('видео');

видео.в src = Url-адрес;

var canvas = document.createElement('canvas');
холст.ширина = 360;
холст.высота = 240;
var context = canvas.getContext('2d');

context.drawImage(видео, 0, 0, canvas.width, canvas.height);
var dataURI = холст.toDataURL('image/jpeg');
$('#imgpath').attr('src',dataURI);

}, ложный);

---