Html5 Видео не работает Chrome

Это мой первый вопрос, и я все еще любительский разработчик и еще в фазах обучения. Мой друг отправил мне файл .mp4, и я преобразовал его в .webm как в той же папке. В настоящее время мой HTML имеет это:Html5 Видео не работает Chrome

<video width="1920" height="1080" controls autoplay id="video-background"> 
 
\t <source src="/img/reel.mp4" type="video/mp4"> 
 
\t <source src="/img/reel.webm" type="video/webm"> 
 
\t Sorry, your browser doesn't support HTML5 video. 
 
</video>

видео не отображаются на всех, только элементы управления. Я даже не получил «Извините, что ваш браузер не поддерживает видео в формате HTML5». без контроля. Просто пустое место, где должно быть видео.

Я не размещаю видео на сервере или что-то еще. Его местный файл размером около 88 мб. Его единственная минутная ценность видео означала петлю в фоновом режиме. Я могу получить видео со ссылкой, чтобы играть, но не этот локальный файл .mp4/.webm. Я проверил youtube, stackoverflow и много сделал. На самом деле нужна помощь.

Да, я также пробовал .ogv, и он все еще не работал. Я втрое проверял пути к файлам и проверял кодировку видео и дважды проверял форматы. Кажется, все должно быть хорошо, но он просто не играет.

У меня нет css, записанных для этого раздела, просто хочу, чтобы мое местное файловое видео воспроизводилось. Что я делаю неправильно и как это исправить?

источник

2017-02-02 btetrick

Вы используете тег css, но в вопросе нет css. Каким стилем вы переходите на id = "video-background"? – alljamin

Извините, что я отметил css, изначально у меня было демо-видео для друга, играющего в фоновом режиме. Но когда я заменил его своим видео, он не сработал. Я думал, что это что-то связано с стилем, поэтому я достал все css и попытался устранить неполадки, но оставил тег id на месте при публикации. – btetrick

Если ваша папка img находится в той же папке, где находится ваш HTML. Вы должны удалить первую косую черту. Попробуйте это:

<video width="1920" height="1080" controls autoplay id="video-background"> 
    <source src="img/reel.mp4" type="video/mp4"> 
    <source src="img/reel.webm" type="video/webm"> 
    Sorry, your browser doesn't support HTML5 video. 
</video>

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

источник

2017-02-02 02:39:15 mindOfAi

Большое вам спасибо! Я ударился головой о стену, и все, что я должен был сделать, это снять эти черты. Еще раз спасибо. – btetrick

Нет проблем. Удачи! :) – mindOfAi

попробуйте установить его, добавив preload = "auto".

<video autoplay loop preload="auto" poster="img.png"> 
    <source src="/img/reel.mp4" type="video/mp4"> 
    <source src="/img/reel.webm" type="video/webm"> 
    Sorry, your browser doesn't support HTML5 video. 
</video>

Я не знаю, будет ли это работать для вас, возможно, это поможет кому-то в будущем!

источник

2017-02-02 02:44:41

Html5 Видео не работает Chrome

ответ

Смежные вопросы