Получите размеры mp4 при загрузке пользователя реагировать

Question

Я создаю веб-страницу, на которую пользователь загружает файл.Когда они загружают файл, я должен иметь возможность получить ширину и высоту того, что они загрузили.Сайт принимает только СМИ.Я установил ширину и высоту изображений, так как вы можете просто извлечь их из метаданных, когда они загружены, но я не могу получить это для видео.

    var video = document.createElement('video');

    video.onloadedmetadata = () => {
        console.log("Video loaded!");
        alert("width: " + this.width + "\n" + "height: " + this.height);
    };
    video.onerror = () => {
        alert ("Error!");
    };
    video.src = _URL.createObjectURL(files[0]);

Это то, что у меня есть в настоящее время, но я всегда получаю ширину и высоту равными 0. Я видел некоторые решения для этого, используя Jquery, но ни один из них не реагировал.

Есть идеи, как это можно сделать?Спасибо

Answer 1

Если я правильно понимаю ваш вопрос, то вы захотите получить доступ к свойствам videoWidth и videoHeight для элемента video.

Так, например, попробуйте обновить свой onloadedmetadataобработчик вот так:

video.onloadedmetadata = () => {
    console.log("Video loaded!");
    alert("width: " + video.videoWidth + "\n" + "height: " + video.videoHeight);
};

Надеюсь, что поможет!