Question

在我的网站上，我有一个视频代码代码，如下所示：

 <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和最新的Androids。但是在Safari 5.1.7（最新的Windows）中使用Windows 7的PC上，它无法显示。

不仅显示视频。 Safari控制台中没有错误，也没有任何关于尝试下载视频的迹象。

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

如何在iDevices上正确显示此视频？

Answer 1

“Safari支持iOS 3.0及更高版本以及桌面（Mac OS X和Windows）上的Safari 3.1及更高版本中的video和audio媒体元素” - apple.developer

尝试删除视频代码中的onblur和onfocus等代码。尝试使用标准视频标签进行测试。

编辑：

也许尝试添加quicktime插件：Here

添加：

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

也许可以像这样使用.mov电影：

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

Answer 2

Safari需要安装QuickTime才能播放HTML5视频（是的）所以可能确保安装了它？（通常是Mac系统会有，但可能是Windows系统没有）

带有MP4的视频标签不会显示在Apple Safari中

2 个答案: