2014-10-17 59 views
0

在我的网站我有视频标签的代码看起来像这样:与MP4视频标签并不在苹果的Safari浏览器显示

<div class='videoRoundedBorder videoSelected' id='rozw1border' > 
 
     <div id='filmPierwszy' > 
 
      <video id='film1video' autoplay class='aFilm filmSelected' width="251" height="156" loop onmouseover='hoverFilm(1);' onfocus='hoverFilm(1);' onmouseout='hoveroutFilm(1);' onblur='hoveroutFilm(1);' onclick='window.location.href = "?kategoria=firma&amp;oferta=stworzenie-strony-internetowej"' poster="http://websoul.pl/newdesign/videos/tworzenie-stron-www.png" > 
 
      <source src="http://websoul.pl/newdesign/videos/tworzenie-stron-www.mp4?v=8" type="video/mp4" /> 
 
      <source src="http://websoul.pl/newdesign/videos/tworzenie-stron-www.ogg?v=7" type="video/ogg" /> 
 
      <source src="http://websoul.pl/newdesign/videos/tworzenie-stron-www.webm?v=7" type='video/webm' /> 
 
      
 
      Stworzenie<br/>strony WWW/modernizacja   </video> 
 
     </div>

它工作正常,在FF,Chrome浏览器,IE 10和最新的Android。但是,在Safari 5.1.7(适用于Windows的最新版本)中装有Windows 7的PC上,它不显示。显示

不仅视频。 Safari控制台中没有错误,也没有试图下载视频的任何迹象。

我正在阅读关于做正确标记和正确编码视频的几个教程,但我不知道这是否是Win Safari的问题,无法正常工作或者iPhone和iPad上也出现此问题,因为我没有有一些。

怎样做才能使这个视频显示器上正确的iDevices?

+0

好吧,我在我的Windows 7机器上试过这在Safari 5.1.7和视频播放就好了。 – 2014-10-19 16:45:50

回答

0

“Safari支持桌面(Mac OS X和Windows)上的iOS 3.0 videoaudio媒体元素及更高版本和Safari 3.1或更高版本” - apple.developer

尝试删除标签,如onbluronfocus在您的视频标签。试试标准的视频标签来测试它。

编辑:

也许尝试添加的QuickTime插件:Here

地址:

<script src="ac_quicktime.js" type="text/javascript"></script> 

,也许使用的.mov影片是这样的:

<source src="myMovie.mov" type="video/quicktime"> 
+0

我试过纯视频标记具有相同的效果。 – 2014-10-17 18:25:29

+0

我已更新我的答案 – bbvanee 2014-10-17 19:38:41

0

Safari浏览器需要安装QuickTime才能播放HTML5视频(确实如此)也许确保你安装了它? (通常在Mac系统中会有,但也许是Windows系统没有)

+0

我安装了它。我已经重新安装了qt和safari,它也是一样的。 – 2014-10-17 18:25:50

相关问题