HTML5 Видео не воспроизводится на локальном хосте, но оно может воспроизводиться с использованием «Открыть с Live Server» в коде vs

Question

<video id="videoSL" muted autoplay loop="" class="video" controls>
    <source src="/Development2.0/media.io_Fergus BluePrint Loyalty Program Video.webm"
    type="video/webm"/>
</video>

Когда я просматривал веб-страницу, используя http://localhost: 12000 / home, видео не отображается, я могу видеть только элементы управления видео.

Но когда я использую open с сервером печени в vs code, я могу видеть воспроизведение видео.

Однако, если я использую open в браузере по умолчанию, я снова могу видеть только элементы управления видео

Элемент управления видео

Answer 1

Ваша проблема может заключаться в том, что этот файл (/Development2.0/media.io_Fergus BluePrint Loyalty Program Video.webm) не хранится на локальном хосте, а ссылка по умолчанию на localhost:12000/Development2.0/media.io_Fergus BluePrint Loyalty Program Video.webm, где он не хранится.

Попробуйте переместить файл в свой localhost и посмотрите, работает ли это. Вы можете проверить, находится ли он на локальном хосте, перейдя по адресу localhost:12000/Development2.0/media.io_Fergus BluePrint Loyalty Program Video.webm.

Если это не сработает, попробуйте заменить space s на %20 s. Изменить: сделайте это в теге <source>.