<video class="v-video" id="myVideo" src="http://lmt.ilxjy.com:6211/M3ULIVE/314VHLY5.m3u8?mytest" title="314VHLY5"
controls >
</video>
伊豆
- 发布：2021-05-06 16:23
- 更新：2021-08-30 15:46
- 阅读：1244
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.12
浏览器平台： Chrome
浏览器版本： 360或谷歌或火狐浏览器还有微信公众号
项目创建方式： HBuilderX
示例代码：
操作步骤：
<video class="v-video" id="myVideo" src="http://lmt.ilxjy.com:6211/M3ULIVE/314VHLY5.m3u8?mytest" title="314VHLY5"
controls >
</video>
<video class="v-video" id="myVideo" src="http://lmt.ilxjy.com:6211/M3ULIVE/314VHLY5.m3u8?mytest" title="314VHLY5"
controls >
</video>
预期结果：
1、h5、app可以正常展示m3u8监控视频，而且初始不是黑屏的---旧版本虽然可以打开，但是app刚进去的时候界面时黑的；
2、h5、app可以正常上传视频，且速度较快
1、h5、app可以正常展示m3u8监控视频，而且初始不是黑屏的---旧版本虽然可以打开，但是app刚进去的时候界面时黑的；
2、h5、app可以正常上传视频，且速度较快
实际结果：
1、h5无法展示m3u8监控视频或者需要很久才能展示出来；---早期旧版本没问题
2、h5上传11M左右的视频很慢；---早期旧版本没问题
1、h5无法展示m3u8监控视频或者需要很久才能展示出来；---早期旧版本没问题
2、h5上传11M左右的视频很慢；---早期旧版本没问题
bug描述：
1、h5无法展示m3u8监控视频或者需要很久才能展示出来；---早期旧版本没问题
2、h5上传11M左右的视频很慢；---早期旧版本没问题
1 个回复
leisbanons
应用 H5 端播放视频，可以参考 MuiPlayer。它提供了一套完善的视频播放解决方案，处理移动端播放的各种兼容性问题以及对 h5 plus api 的支持。支持 flv 以及 hls 视频协议的播放：
https://muiplayer.gitee.io/guide/