Я пытаюсь вставить видео, сохраненное на моем компьютере (сохраненное в том же файле, что и мои файлы HTML, CSS и JavaScript), на веб-сайт в качестве фонового видео на домашней странице, но оно не воспроизводится. Это код, который я использую:
<video controls width=100% playsinline preload="true" autoplay loop muted>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
<source src="video.webm" type="video/webm">
</video>
Пробовал много исследований и понятия не имею, почему он не играет ни в каких браузерах (ни в Safari, ни в Chrome, ни в Firefox). Я думаю, что это может иметь отношение к типу MIME или необходимости сохранить его в другом месте?
Нет сообщений об ошибках, полученных в Chrome или Safari, но в Firefox между тем получилось «X»: «не найдено видео с поддерживаемым форматом и типом MIME». Я пытался воспроизвести видео через все эти браузеры, и они воспроизводились просто отлично. Просто когда я пытаюсь встроить их, используя приведенный выше код, они не работают. Видеопроигрыватель появляется, но проигрыватель черный и кнопка воспроизведения не работает. Любые идеи будут высоко ценится! В частности, очень любопытно, почему приведенный выше код не работает, когда его рекомендуют буквально на каждом сайте, с которым я сталкивался. Спасибо!