当前位置: 首页 > news >正文

video层级过高,以及界面使用多个video时,在安卓APP上同时播放的问题(uniapp)

1、video层级过高的问题

问题一: 我的界面由于是自定义导航栏,所以使用video时,上滑界面video会直在最上层,盖着  头部导航栏

解决方法:使用cover-view,自定义头部使用cover-view替换view

问题二:自定义导航栏上面有menu,点击会出现一个弹出层,但是弹出层会被video压到

解决方法:使用原生窗体subNVues(uni-app subNVue 原生子窗体开发指南 - DCloud问答),原生窗体在第一次打包的时候可能会显示问题,打包的时候注意一下就行。详细的以上链接有说明

2、循环使用多个video时,安卓手机同时播放的问题

使用uni.createVideoContext,具体方法:

<video 
:src="item.src" 
:data-id="item.id" 
:id="item.id" 
class="item-video" 
:poster="item.src+'?x-oss-process=video/snapshot,t_0,f_jpg'" 
show-fullscreen-btn="false" 
object-fit="cover" 
@play="playing">
</video>
        playing(e) {// 获取当前视频idlet currentId = e.currentTarget.dataset.idconsole.log(currentId);// uni.createVideoContext获取视频上下文对象this.videoContent = uni.createVideoContext(currentId)// 获取json对象并遍历, 停止非当前视频//operationList为video循环列表let operationList = this.operationListfor (let i = 0; i < operationList.length; i++) {let temp = operationList[i].idif (temp !== currentId) {uni.createVideoContext(temp).pause()}}},

以上就可以解决安卓手机上,多视频播放的问题啦

http://www.lryc.cn/news/34831.html

相关文章:

  • C++基础了解-14-C++ 字符串
  • 浅谈几种网络攻击及攻防原理
  • Kafka消息中间件(Kafka与MQTT区别)
  • Go垃圾回收原理
  • Coredump-N: stack 空间被临时变量吃满,导致内存访问出现问题
  • GO中使用viper读取配置文件
  • webpack dll 提升构建速度
  • C++面向对象编程之三:初始化列表、类对象作为类成员、静态成员
  • 跨域问题解决方案
  • Vue3电商项目实战-购物车模块7【20-登录后-批量删除、21-登录后-选中状态修改数量、22-登录后-全选反选、23-登录后-修改规格、24-下单结算】
  • 软件测试之快速熟悉项目
  • 软考高级信息系统项目管理师系列之二十一:项目风险管理
  • 打包成JAR文件和WAR文件,到底有什么区别?
  • STM32 OTA应用开发——通过串口/RS485实现OTA升级(方式1)
  • 在教学中常被问到的几个vue3.x与typescript的问题,统一解答
  • 纯css实现超炫酷的星空背景按钮
  • openpnp - 贴片前, 放入一块新板子后, 对板子的坐标矫正
  • 计及需求响应的改进灰狼优化算法求解风、光、柴、储容量优化配置(Matlab代码实现)
  • Elasticsearch使用——高级篇
  • Java网络爬虫-HttpClient工具类
  • LeetCode203_203. 移除链表元素
  • 【洛谷 P1443】马的遍历 题解(广度优先搜索)
  • 为什么gpt输出有随机性?
  • 配置Clion用于STM23开发(Makefile)
  • 如何在 Istio 中使用 SkyWalking 进行分布式追踪
  • HBase高手之路1-Hbase简介
  • 计算机视觉手指甲标注案例
  • linux 字符串截取(cut)
  • 003+limou+HTML——(3)HTML列表
  • 设计模式---工厂模式