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

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

browserstack html5-video

nemrrached · 技术社区 · 6 年前

我有一个 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 回复 | 直到 6 年前

Doggo 6 年前

所以我找到了 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 哦!

推荐文章

Alex Luya · 如何将html5视频捕获上传到服务器?

6 年前

Bailey Miller · 。用于FileStream视频流的NET Core 2.0 Web API

6 年前

Brett Williams · 当设备上不允许自动播放时,用背景图像替换背景视频[复制]

6 年前

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

6 年前

fantastic name · 未在文本框中键入内容时,暂停按键上的HTML<视频>标记

6 年前

Sonu Tyagi · 如何在半桌面屏幕上制作全高视频?

6 年前

kadina · 无法使用z索引在视频上显示按钮或文本

6 年前

dank · Bootstrap Carousel使Html5视频在chrome上闪烁

6 年前

Cofey · 需要在悬停或播放时显示HTML5视频控件

7 年前

Vitaly Zalivan · 重新加载页面后,静音视频使用声音

7 年前