Html5 видео не отображается

Question

У меня есть несколько видео, загруженных в Hostgator (моя служба хостинга), и я показываю их на странице с видеоплеер HTML5. Видео есть (я знаю, потому что слышу звук), но в Chrome все, что я вижу, это черный экран, а в Firefox он вообще не воспроизводится, просто говорит: «Нет видео с поддерживаемым форматом и MIME-типом. "

Видео файлы - это те, которые мне нужно было преобразовать из .mov в .mp4. Но все они - файлы mp4.

Когда я снова загружаю видео из Hostgator, они нормальные, поэтому я не думаю, что что-то не так строго с самими файлами.

Что здесь может быть не так? Заранее спасибо.

Answer 1

Веб-видео сложное, большинство браузеров поддерживают различные видеоформаты (кодеки). Чтобы быть совместимым со всеми браузерами, вам нужно каждое видео в трех разных форматах: MP4, OGG, WEBM.

Для обеспечения максимальной совместимости, вот что ваше видео рабочий процесс будет выглядеть как:

• Сделать одну версию, которая использует WebM (VP8 + Vorbis).
• Сделайте еще одну версию, в которой используется базовое видео H.264 и аудио с низкой степенью сложности AAC в контейнере MP4.
• Сделайте еще одну версию, которая использует видео Theora и аудио Vorbis в контейнере Ogg.
• Ссылка на все три видеофайла из одного элемента и возврат к Flash-видеопроигрывателю.

<video width="320" height="240" controls> 
    <source src="video.mp4" type="video/mp4"> 
    <source src="video.webm" type="video/webm"> 
    <source src="video.ogv" type="video/ogg"> 
</video> 

Источник: http://diveintohtml5.info/video.html#what-works

Answer 2

Я полагаю, что проблема заключается в неправильном кодеком. Он должен быть h.264 для файла MP4. Источник с инструкцией http://www.freemake.com/how_to/how_to_create_and_embed_html5_video