javascript - HTML5 视频标签在移动设备上不起作用

标签 javascript android html html5-video

我有电视视频流(显然是 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)让音频播放正常,但黑屏,没有视频。

最佳答案

将此添加为您的视频开始标签,它将自动播放 android 和 safari 移动版:

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

你还需要用于跨浏览器的 mp4、ogv 和 webm 格式

关于javascript - HTML5 视频标签在移动设备上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49923470/

相关文章:

javascript - ECMA 类 - 返回 HTML 并触发(类)函数

android - Android 上的 OpenCV 支持

android - 当我尝试从列表中删除项目时, flutter ,索引超出范围

android - 为什么WebView无法打开网站?

html - 单击按钮时Vuejs重定向到url

javascript - 如何正确设置d3.brush extent?

javascript - 在 Three.js 中使用点云创建平面网格

javascript - 如何将行值移动到另一个表并重做 html 中的上一个表?

html - div中的链接如何垂直居中

javascript - 从响应式主题中删除特定的 Javascript 操作