Question

我有一个包含视频的website。我在Browserstack上测试它，视频可以在不同操作系统上的另一个浏览器中运行：Windows XP IE，Windows 10 Edge，Ubuntu Firefox，Mac Safari，Android Tab 4 Chrome，Nexus 9 Chrome，iPad Pro 11 Safari，iPhone 6）。只有iPad air 2没有播放视频，我试图打开youtube并播放一些视频，它还没有工作，页面只是冻结。我搜索过这个，我找到的解决方案是将mp4编码为m4v，但它不起作用。视频标记设置为：播放，循环，静音。谢谢。

<video class="video--element"  preload autoplay loop muted ">
     <source src="https://master-7rqtwti65aci36n4zmn2.eu.platform.sh/media/video/e8/96/65/coqon_slider_startseite_action_export.webm" type="video/webm">
     <source src="https://master-7rqtwti-65aci36n4zmn2.eu.platform.sh/media/video/6b/09/76/COQON_HOME.mp4" type="video/mp4">
     <source src="https://master-7rqtwti-65aci36n4zmn2.eu.platform.sh/media/video/f8/29/00/coqon_slider_startseite_action_export.ogv" type="video/ogg">
</video>

Answer 1

所以我找到了HTML5 video on Wikipedia，在那里我找到了可以帮助浏览器确定它是否可以解码文件的编解码器。也许这有助于ipad选择应该选择的文件。

所以最后看起来应该是这样的：

<video class="video--element"  controls preload="auto" autoplay loop muted ">
 <source src="https://master-7rqtwti65aci36n4zmn2.eu.platform.sh/media/video/e8/96/65/coqon_slider_startseite_action_export.webm" type='video/webm; codecs="vp8.0, vorbis"'>
 <source src="https://master-7rqtwti-65aci36n4zmn2.eu.platform.sh/media/video/6b/09/76/COQON_HOME.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'>
 <source src="https://master-7rqtwti-65aci36n4zmn2.eu.platform.sh/media/video/f8/29/00/coqon_slider_startseite_action_export.ogv" type='video/ogg; codecs="theora, vorbis"'>

我还更改了控件的标题。而preload的语法是：

preload="auto|metadata|none"

元数据：作者认为浏览器应该在页面加载时仅加载元数据

auto：作者认为浏览器应该在页面加载时加载整个视频

none：作者认为浏览器不应在页面加载时加载视频

我在here上找到了那些！

html 5视频不仅适用于ipad air 2

1 个答案: