Почему video средствами html5 не отображается в Safari?

Question

[Сергей Шилов]

Добрый день всем! Такой вопрос уже задавался, мной же, но ответа я так и не получил.
Пытаюсь поставить видео на сайт по средствам html5, но в Safari мы видим просто картинку, но ладно бы картинку, мы вверху справа видим маленький фрагмент видео, которое работает, как превью какое-то.
Картинка с айфона:



для quiktime есть свой формат - .mov , но так тоже не спасает. На данный момент мой код выглядит таким образом:

<video  preload="preload" autoplay="autoplay" loop="loop">
		<source src="video/0.mp4" type="video/mp4; codecs=&quot;theora, vorbis&quot;"/>
		<source src="video/01.mp4" type=" video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2, vorbis&quot;" />
		<source src="video/0.mov" type="video/mov;" />
		<source src="video/0.webm" type="video/webm; codecs=&quot;vp8, vorbis&quot;"/>
		<source src="video/0.ogv" type="video/ogg; codecs=&quot;theora, vorbis&quot;" />
		<object style="width: 100% !important; height: auto !important;" type="application/x-shockwave-flash" data="fallback.swf">
			<param name="movie" value="fallback.swf" />
			<param name="flashvars" value="autostart=true&amp;file=video/0.flv" />
		</object>
	</video>

Как мы можем видеть, соблюдены и даже "пересоблюдены" все требования к оформлению кроссбраузерного html5 , но даже на андроидах не работает, хотя flash хак есть.

Помогайте, я уже запарился мучаться с этим вопросом.

Answer 1

[Степан]

Проблема в кодеках видео. При правильном кодеке хватит только указать тег видео и ресурс. По крайней мере у меня так работает без проблем.

Comments

[Сергей Шилов]

А поподробнее ?

[Степан]

Лучше вы покажите инфо вашего mp4 файла что бы ответить подробнее

[Сергей Шилов]

как это точно узнать?
разве в коде это не указано?

[Vit]

@Olivoin ffmpeg -i имя_файла

[Степан]

@Olivoin Любой программой показывающей инфо о видео. Ffmpeg/mediafileinfo/vlc... То что вы в коде указываете кодек не даст никакого результата если в самом файле кодек другой.

Answer 2

[Vit]

Если в H.264 видео закодировано, то для того чтоб на мобильных устройствах отображалось, надо чтоб было закодировано профилем Constrained Baseline

Comments

[Сергей Шилов]

а подробнее с примером?

[Vit]

@Olivoin ffmpeg -i имя_файла сделайте и напишите, что ffmpeg вам скажет про ваше видео.

Answer 3

[pomeo]

qt-faststart

Answer 4

[sergealmazov]

Так, берите VideoJS и будет Вам счастье.

Comments

[Сергей Шилов]

он лишь грамотно ресайзит видео, но, к сожалению, плагин совершенно не кроссбраузерный

Answer 5

[Максим Углов]

Такая же проблема. Получилось решить?

VideoJS - даже главная страница проекта в safari не работает.
Пробовал кодировать в разных форматах, старался прийти к H.264 с профилем Constrained Baseline но не получается в других браузерах норм в safari - нет.

Для кодировки использовал программу XviD4PSP, работает классно кодирует, но Safari это не помогло