Question

我有电视视频流（显然是mpeg-ts流），如果我使用html5视频标签，它可以在使用Chrome的win / mac机器上找到。

<video id="player1" width="640" height="360" preload="none" controls playsinline webkit-playsinline>
<source src=""http://192.168.1.72:9981/stream/channelid/2013555866?ticket=388550710ddf21ad5c6ffd61fcd3d0dc24cf46d2&profile=matroska type="video/webm">
</video>

但这不适用于Android平板电脑或iOS。

我已经尝试安装多个不同的JS播放器，例如mediaelement，plyr，video.js，mpegts ......我已经在Android平板电脑上安装了所有三种浏览器 - Chrome，Opera和Mozilla用于测试。如果我从笔记本电脑（Chrome）观看视频，每个JS播放器都能正常工作，但是当我从Android设备访问时，它们都不起作用。

我能得到的最远的是使用Opera + plyr（或video.js）来播放音频，但是黑屏，没有视频。

Answer 1

将此添加为您的视频开始标记，它将自动播放Android和Safari手机：

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

你还需要用于crossbrowser的mp4，ogv和webm格式

Answer 2

我会尝试在iOS上启用控件，如果您的视频应该自动启动它将不允许它。

另一件事是尝试添加HTTP Range Header，它有助于将视频分割成字节范围，这是移动设备需要考虑的事项。这对于iOS来说更多，但请看一下这个链接：http://fdiv.net/2013/05/17/getting-html5-video-work-ios-mobile-safari

另外，正如其他人所述，检查视频的格式，您应该总是有多种类型。

Answer 3

这可能对您有用。对我来说很好。

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

Answer 4

视频标签在移动设备上不起作用。我最近看到人们所做的就是使用gif作为手机上视频的海报。我还将研究Wistia之类的工具，以提供额外的视频支持。 Gif可以在移动设备上使用，但是作为视频资产，它们通常需要很大的时间才能加载。

我不建议您使用自托管功能，因为您将无法获得大量支持，例如缓慢加载视频或在加载时从320p版本动态切换到HD版本等。

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

HTML5视频代码无法在移动设备上运行

4 个答案: