Как получить превью (заставку) видео?

Question

[Wasya UK]

Когда пользователь загружает видео в input[type="file"], по окончанию загрузки ему отображается видео файл и кнопки: загрузить, отмена. Можно, ли как то вытащить картинку заставки видео файла, чтобы поместить ее в блок отображения видео файла. Заранее спасибо)

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();
});

Comments

[Wasya UK]

Возможно, я неверно задал вопрос, но мне нужно просто узнать, есть ли свойство показывающие, например уривки видео, ну как в youtube ( быстрый просмотр ) , типа того. Или просто метадата там какая-то.
Это у меня уже есть :

$('#videoUpload').change(function() {
    readURL(this);
});

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        
        reader.onload = function (e) {
            // do something
        };

        reader.readAsDataURL(input.files[0]);
    }
}

[Виктор Л]

ну вот есть пример извлечения кадров тут

[Wasya UK]

Виктор: О, шикарно. И спасибо что ответили)

[Hatchet787]

Виктор Л, жаль, что ссылка больше не рабочая :(

[Виктор Л]

Hatchet787, ссылка