HTML5 视频标签不适用于移动设备

问题描述 投票:0回答:6
javascript android html html5-video
6个回答
1
投票

将此添加为您的视频开始标签,它将在 Android 和 Safari 移动设备上自动播放 :

<video autoplay="" muted="" loop="" playsinline="" id="vid" preload="auto" width="100%" height="100%">

您还需要 mp4、ogv 和 webm 格式才能跨浏览器


1
投票

这可能对你有用。对我来说效果很好。

<video  autoplay="autoplay" loop="loop" muted defaultMuted playsinline>

0
投票

我会尝试启用 iOS 上的控件,如果您的视频应该自动启动,但它不允许这样做。

另一件事是尝试添加 HTTP 范围标头,它有助于将视频分割为字节范围,这是移动设备需要考虑的事情。一般来说,这更适合 iOS,但请看一下此链接:http://fdiv.net/2013/05/17/getting-html5-video-work-ios-mobile-safari

另外,正如其他人提到的,检查视频的格式,您应该始终有多种可用类型。


0
投票

视频标签不适用于移动设备。我最近看到人们做的就是使用 gif 作为移动设备上视频的海报。我还会研究 Wistia 等工具来获得额外的视频支持。 Gif 可在移动设备上使用,但作为视频资源,它们通常很大,因此需要一段时间才能加载。

我不建议自托管,因为您不会获得大量支持,例如缓慢加载视频或在加载时动态地从 320p 版本切换到高清版本等。

例如https://wistia.com/learn/marketing/boost-engagement-with-gifs


0
投票

如果您为文件使用单独的主机,则其服务器应该具有有效的 SSL 认证,就像我的情况一样。在我添加认证之前,我的 Android 视频播放器无法工作。


0
投票

对我来说,问题在于视频的格式。基本上格式是m4v,我将视频转换为mp4视频。 mp4 视频无法正常工作,但 m4v 视频可以正常工作。 mp4 格式可以在我的笔记本电脑(safari 和 chrome)以及我的 iphone(safari 和 chrome)上运行,但不能在我的 Android 手机(chrome)上运行。m4v 在任何地方都可以运行。

我的视频标签(使用React js):

© www.soinside.com 2019 - 2024. All rights reserved.