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

解决uniapp视频video组件进入全屏再退出全屏后,cover-view失效的问题

给cover-view一个变量如isCloseBtnShow,通过v-if(不要用v-show)来控制显示隐藏。监听video全屏事件,全屏时,设置变量为false,退出全屏时再设为true,这样每次退出全屏,cover-view会重新加载。被覆盖的问题就解决了。

<video class="videoShowStyle" id="myVideo" :src="videoUrl" @fullscreenchange="playerFullScreen"@error="videoErrorCallback" @click="closeVideo" controls><cover-image v-if="isCloseBtnShow" class="videoClose" @click="goback"src="/static/icon/popupClose.png"></cover-image></video>
data() {return {isCloseBtnShow: true,}
},
playerFullScreen(e) {if (e.detail.fullScreen) { //全屏this.isCloseBtnShow = false} else { //非全屏			this.isCloseBtnShow = true}
},

 

 

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

相关文章:

  • ip属地河北切换北京
  • fpga入门名词(1)
  • 设计模式-行为型模式-访问者模式
  • 探索Oracle数据库的多租户特性:架构、优势与实践
  • Hack The Box-Sightless
  • Linux驱动开发-字符设备驱动开发
  • 好用的电脑录屏软件有哪些?推荐4款专业工具。
  • web基础之XSS
  • 目标检测-小目标检测方法
  • 连接数据库(以MySQL为例)
  • Mysql高级教程
  • 基于Ubuntu2404搭建mysql8配置远程访问
  • 前端工程师职业发展路线图
  • 人工智能(AI)正在以前所未有的速度融入我们生活的方方面面
  • OpenCV-模板匹配多个目标
  • uniapp 原生插件开发 UI
  • 性能测试-性能分析与调优原理总结
  • 【机器学习】4 ——熵
  • linux命令用于删除文本文件中的重复行的命令uniq详解
  • PHP智驭未来悦享生活智慧小区物业管理小程序系统源码
  • 深度学习:怎么看pth文件的参数
  • MMLU-Pro 基准测试数据集上线,含 12k 个跨学科复杂问题,难度提升,更具挑战性!DeepSeek 数学模型一键部署
  • Vue | Vue深入浅出——Vue中的render函数详解
  • 数学基础 -- 线性代数之奇异值
  • Python爬虫使用实例-wallpaper
  • 探索Go语言中的随机数生成、矩阵运算与数独验证
  • 无线安全(WiFi)
  • 牛客练习赛128:Cidoai的平均数对(背包dp)
  • Python世界:简易地址簿增删查改算法实践
  • 网络安全-intigriti-0422-XSS-Challenge Write-up