Тег видео теперь не работает в Safari

Приведенный ниже код заставляет тег видео работать в IE9, Chrome и Firefox. Однако я не могу заставить его работать в Safari

<video width="400" height="300" controls="controls" poster="ContractorTestingVideos/cntrtest1.jpg">
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.ogg" type="video/ogg; codecs='theora, vorbis'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.ogg" type="video/webm; codecs='vp8, vorbis'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.m4v" type="video/x-m4v"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'"></source>
</video>

Итак, для Safari я попробовал это,

<video width="400" height="300" controls="controls" poster="ContractorTestingVideos/cntrtest1.jpg" src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.mp4"></video>

Все еще не работает. Я вставил URL-адрес прямо в адресную строку Safari, и он вернул видео и воспроизвел его.

Любые идеи о том, как заставить тег видео html5 работать в сафари? Моя сборка Safari — 5.0.5 (7533.21.1), и я работаю на 64-битной виртуальной машине, ОС — Windows 7.


javascript html jquery safari html5-video
person edepperson    schedule 02.11.2011    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Попробуйте изменить список источников видео таким образом, чтобы ваши видео в формате .mp4 шли первыми. По какой-то причине мне никогда не удавалось воспроизвести видео в мобильном Safari и редко в настольном Safari без этого.

Нравится:

<video width="400" height="300" controls="controls" poster="ContractorTestingVideos/cntrtest1.jpg">
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.ogg" type="video/ogg; codecs='theora, vorbis'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.ogg" type="video/webm; codecs='vp8, vorbis'"></source>
  <source src="http://1.1.1.1/Intranet/ContractorTestingVideos/cntrtest1.m4v" type="video/x-m4v"></source>
</video>
person Brid    schedule 02.11.2011

arrow_upward
1
arrow_downward

MP4 поддерживается Safari Desktop, но вам нужно установить Quicktime, чтобы заставить его работать, а это нет-нет, вы не можете заставить своих клиентов устанавливать QuickTime.

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

 <object type="application/x-shockwave-flash" data="video/video.swf" id="video_background">
    <param name="movie" value="video/video.swf" /></object>

ПРИМЕЧАНИЕ. iOS поддерживает не все профили, предоставляемые h.264.

Источник: HTML5 mp4 видео работает в Chrome и Desktop Safari, но не на iPhone

person todoslocos    schedule 05.03.2014
comment
Этот проект был трехлетней давности. Забавно, после того, как я заработал, вместо того, чтобы использовать видео, они просто перешли к слайдам, о которых я позаботился с помощью подключаемого модуля jquery. Но ваш ответ очень своевременен для другого проекта, над которым я работаю. Я отметил ваш ответ в надежде, что любой, кто читает это, включит ваш вклад в свое решение. - person edepperson; 08.03.2014