HTML5 видео проблема

Question

Интересно, что я делаю не так?

<video id="movie" width="320" height="240" preload controls>
  <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
  <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' />
  <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' />
</video>

этот мир кода лежит в моем index.html. в том же каталоге я получил все 3 видеофайла (mp4, webm, ogv)

Каким-то образом видео компонент появляется, но видео не воспроизводится. Большой X появляется внутри видео компонента.

Answer 1

Я думаю, что это дубликат предыдущего вопроса. Если так, ответ таков: убедитесь, что в конфигурации вашего сервера есть следующие ассоциации:

• .ogv: видео / ogg
• .oga: аудио / ogg
• .ogg: application / ogg
• .webm: видео / вебм
• .mp4: видео /mp4

Answer 2

В каком браузере? Например, IE вообще не поддерживает элемент video. Кроме того, элемент course является пустым элементом и поэтому не должен иметь конечного тега. Я также заметил ошибку в Firefox, когда файл Ogg должен быть первым ресурсом, иначе он не работает. Возможно, это было исправлено в 3.6.3.

Answer 3

Firefox 3.6 не поддерживает формат видео WebM. Для просмотра видео в формате HTML5 WebM вам необходимо загрузить ночную сборку Firefox 4

Для Ogv позаботьтесь о частоте кадров и не ожидайте показывать HD видео. С более высокой скоростью Firefox не мог показать мое видео, но когда я уменьшаю частоту кадров и качество, оно работает нормально.