Ошибка декодирования при загрузке вебм видео в Javascript

Question

В настоящее время я разрабатываю приложение на JavaScript, где пользователь загружает видеофайл через страницу HTML, которая затем загружается в сценарий JS.

Поле ввода для видео определяется следующим образом в HTML:

<input type="file" accept="video/*"/>

Затем, когда видео загружается, оно обрабатывается следующим образом:

*script.js starts here*
document.querySelector('input').addEventListener('change', do_something, false);

function do_something() {

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

    // Gets video data and starts playing it
    video.src = URL.createObjectURL(this.files[0]);
    video.play();
}
*script.js ends here*

Это отлично работает для обоих. mp4 и .mov, но по какой-то причине каждый раз, когда я загружаю видео .webm, консоль выдает следующие ошибки:

Media resource blob:null/580a5485-7240-4edb-bd57-743fa7941eee could not be decoded.
NotSupportedError: The media resource indicated by the src attribute or assigned media provider object was not suitable.
Media resource blob:null/580a5485-7240-4edb-bd57-743fa7941eee could not be decoded, error: Error Code: NS_ERROR_DOM_MEDIA_METADATA_ERR (0x806e0006)

Я запускаю все локально, используя Firefox 76.0 и уже включил CORS на странице about: config.

Кто-нибудь знает, почему скрипт правильно загружает видео .mp4 и .mov, но не работает при загрузке .webm видео?

Заранее спасибо!