Я работал над реализацией видео HTML5, но у меня возникли некоторые проблемы.Я следовал руководству на http://diveintohtml5.info/video.html. Я закодировал .m4v, .ogv и .webm версии всего видео.Chrome и Firefox без проблем воспроизводят видео.Когда я пытаюсь воспроизвести его в Safari, он загружает контейнер видео, но не видео.Вы видите пустое пространство, где должно быть видео, элементы управления и текст «загрузки».На вкладке сети Web Inspector статус видео находится в состоянии ожидания, а mime-тип - неопределенный.Интересно, что я испытываю эту проблему только на промежуточном сайте, хотя она отлично работает на моем локальном устройстве разработки.
Когда я захожу видео прямо в браузере на локальном устройстве разработки, я получаю следующий вывод в консоли:
Resource interpreted as Document but transferred with MIME type video/x-m4v.
GET http://site.dev/content/videos/movie.m4v Plug-in handled load
Обратите внимание, что GET имеет маленький красный крестик слева от инспектора.
Мой HTML-код выглядит так:
<video class="html5-video" width="700" controls>
<source src="content/videos/movie.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="content/videos/movie.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="content/videos/movie.ogv" type='video/ogg; codecs="theora, vorbis"' />
Your browser does not support this video.
</video>
Кроме того, видео составляет ~ 20 МБ.
Есть мысли?Спасибо!