电子商城网站制作,wordpress 书站,网站上传安装,tk网站的dns修改1.开发环境#xff1a;HBuilderX3.8.7、uni-app、vue2.0、view2.0、uni-ui 2.实现通过web-view 嵌入H5页面#xff0c;进行视频流自动播放。 注意事项#xff1a; 如果只是在android端可以直接使用.flv格式的视频流#xff1b; 如果App需要支持ios就可以考虑一下播放.m3u8格…1.开发环境HBuilderX3.8.7、uni-app、vue2.0、view2.0、uni-ui 2.实现通过web-view 嵌入H5页面进行视频流自动播放。 注意事项 如果只是在android端可以直接使用.flv格式的视频流 如果App需要支持ios就可以考虑一下播放.m3u8格式的视频流本文主要写的是播放.m3u8格式的视频流 如果直接在.vue文件通过flv.js的方式实现由于uni-app封装问题可能会遇到原生dom元素获取问题 3.为什么使用web-view嵌入H5页面的方式呢 H5中获取原生dom方便通过flv.js实现在android端播放.flv格式的视频流 video标签可以直接播放.m3u8格式的视频流经测试发现.m3u8格式的视频流android和ios都支持 4.具体实现 在.vue页面引入web-view⚠️如果是本地资源必须放在uni-app 项目根目录-hybrid-html文件夹下或者static目录下主要代码
web-view src/hybrid/html/video.html :fullscreenfalse/web-viewvideo.html文件
video idvideo-container controls autoplayautoplay styleheight: 500px;width: 100%; src 视频流的地址/video完成上述内容已经可以自动播放视频流 在ios端可能会出现弹出一个新的框播放视频流可以通过给video 添加 x5-video-player-fullscreen“true” x5-playsinline playsinline 属性如果还不行那就去上网搜搜吧我的是通过这三个属性已经解决了问题
