我有电视视频流(显然是 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/