Видеотег не работает в Safari - PullRequest
1 голос
/ 02 ноября 2011

Приведенный ниже код заставляет видео-тег работать в 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 video работать в safari?Моя сборка Safari - 5.0.5 (7533.21.1), и я работаю на 64-битной виртуальной машине, ОС - Windows 7

Ответы [ 2 ]

3 голосов
/ 02 ноября 2011

Попробуйте изменить список источников видео так, чтобы ваши .mp4-видео были на первом месте. По какой-то причине мне так и не удалось воспроизвести видео в Mobile 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>
1 голос
/ 05 марта 2014

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

вам лучше подумать об отказе флэш-памяти, включаяэто в ваш тег видео

 <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

...