【前端技术】移动端video遇到的坑

2022-08-28 分类：网站建设

需求：为直播–某一时刻播放视频，从开始至视频结束之前进入的用户可以观看播放中的视频（需要计算用户进入时间调整播放进度）主要播放环境：微信浏览器坑一：个别机型不支持用户进入页面直接播放视频，需手动触发（浏览器规则），可以静音播放（不符合需求）
解：如果视频还未到达开始播放时间，可以弹框提示用户未开始，如果已经到达播放时间，可以弹窗提醒用户，【XX直播已开始，立即进入】，待用户点击确认时触发播放视频。
坑二：不同机型的播放控件样式不同
解：采用组件【vue-video-player】?video组件坑三：个别机型全屏状态下会自动出现进度条、暂停按钮等，在播出结束后还有很大可能出现不同的广告视频
解：无解，出现这个问题的原因是腾讯在检测到你的html文件中如果存在video标签，他们会再次创建一个video标签，并浮于页面顶层，尽管在代码中你可能fixed一个顶部浮层，z-index无穷大，依然无法覆盖住video，因为你所看到的这个video不是当前HTML中的，是腾讯创建的，且腾讯官方文档有写?腾讯-x5内核视频问答，建议打算开发web-video且主要宿主环境是微信的都看一下这篇文档，不然就爬不出坑了！坑四：在使用了video组件之后，用户手动触发播放，个别机型的video突然弹出居中页面，页面底部为黑色（如公众号文件中的视频点击之后会浮上来）

分享名称：【前端技术】移动端video遇到的坑
网站链接：https://www.cdcxhl.com/news41/193691.html

成都网站建设公司_创新互联，为您提供营销型网站建设、定制网站、微信小程序、企业网站制作、虚拟主机、外贸网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容