Влияет ли порядок и неправильные отдельные исходные форматы на воспроизведение видео html5 в iOS Safari?

Имеет ли значение порядок исходных форматов в тегах видео HMTL5? Кроме того, если 1 из форматов неверен, не будут ли все браузеры просто находить тот, который им нравится, и игнорировать те, которые плохие?

Я не могу понять, почему следующий код не будет работать в сафари iOS4.2:

<video id="myVideo"  poster="/images/01.png" width="600" height="400" >
<source src="/uploads/12373/6/oceans-clip.mp4" type="video/mp4" />
<source src="/uploads/12373/6/oceans-clip.webM" type="video/webM" />
<source src="/uploads/12373/6/oceans-clip.ogv" type="video/ogg" />
<p>Your browser does not support the video tag.</p>
</video>

<div class="control">
<a href="#" class="btnPlay">Play/Pause</a>
</div>

На моем iPhone в Safari кнопка паузы воспроизведения работает нормально, и кажется, что видео загружается, но затем появляется всплывающее окно с сообщением «невозможно воспроизвести фильм». Единственное, о чем я могу думать, это то, что файл .webM на самом деле не существует (это правда, это не так, хотя другие существуют) или что мне нужно указать .ogv перед .webM.


ios html mobile-safari html5-video
person tim peterson    schedule 09.04.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Насколько я понимаю, браузер пытается использовать источники по порядку, поэтому в вашем примере сначала будет использоваться mp4, затем .webM и, наконец, файл .ogv.

Если файл webM не существует, то это ваша проблема. Браузер совместим с форматом webM, пытается получить файл, а потом выдает ошибку 404. Я не думаю, что m (любые) браузеры пытаются загрузить следующий формат видео в источники, если он уже совместим с одним.

Но если это не так, вы можете попробовать один источник за раз и наблюдать за результатами.

person nak    schedule 09.04.2012
comment
я думал, что iOS поддерживает .mp4, а не .webM? - person tim peterson; 09.04.2012
comment
Мне пришлось бы поэкспериментировать, чтобы узнать наверняка, но я думаю, что большинство современных браузеров/iOS будут поддерживать .mp4. Поэтому я бы попробовал пропустить два других исходных тега (возможно, он взвешивает форматы и выбирает свой любимый? Хотя я в этом сомневаюсь.) Я также мог бы помолчать, пока кто-то с продуктом Apple не сможет оказать более практическую помощь. - person nak; 09.04.2012
comment
да, я был почти уверен, что mp4 — это то, что нравится iOS, происходит что-то странное, так как я почти дословно взял пример из того, что работает на iOS: inwebson.com/html5/custom-html5-video-controls-with-jquery отличается только что я переместил видеофайлы в свои папки. Хотя мой код работает на хроме - person tim peterson; 09.04.2012