代码之家 › 专栏 › 技术社区 › nemrrached

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

browserstack html5-video

0

nemrrached · 技术社区 · 7 年前

我有一个 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>

1 回复 | 直到 7 年前

1

0

Doggo 7 年前

所以我找到了 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="auto|metadata|none"

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

自动:作者认为浏览器应该在页面加载时加载整个视频

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

我在上面找到的 here 哦!