uniapp video视频铺满容器,不显示控件

1、video标签的属性

参考video | uni-app官网

enable-progress-gesture:是否开启控制进度的手势,bool值

show-center-play-btn:是否显示视频中间的播放按钮,bool值

object-fit:当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充,cover:覆盖

show-center-play-btn:是否显示视频中间的播放按钮,bool值

html 复制代码
<video :enable-progress-gesture="false"  
       object-fit="cover" 
       :controls="false" 
       :show-center-play-btn="false" 
       src="XXXX">
</video>

2、其他地方用代码控制视频播放暂停

javascript 复制代码
var teachVideoObj = uni.createVideoContext('teachVideo')
teachVideoObj.pause()
teachVideoObj.play()
相关推荐
Rysxt_10 小时前
uni-app路由跳转完全指南:从基础到高级实践
uni-app
jbk331110 小时前
开发了一个免费的批量视频语音字幕识别工具,核心点是可批量自动处理识别任务
音视频
Coovally AI模型快速验证13 小时前
超越Sora的开源思路:如何用预训练组件高效训练你的视频扩散模型?(附训练代码)
人工智能·算法·yolo·计算机视觉·音视频·无人机
weixin_4368040713 小时前
音频在线预览工具 - 输入URL即刻播放远程音频
音视频
一壶纱14 小时前
UniApp + Pinia 数据持久化
前端·数据库·uni-app
kaizq14 小时前
AI-MCP本地流媒音频服务器设计与CherryStudio部署应用
音视频·cherrystudio·fastmcp·streamablehttp·本地mcp流媒服务器
thinkMoreAndDoMore15 小时前
audioservice
音视频
TEL1892462247715 小时前
IT6517BFN:单芯片DisplayPort转VGA转换器,集成MCU
音视频·实时音视频·视频编解码
TEL1892462247717 小时前
IT6516BFN:单芯片DisplayPort转VGA转换器,集成MCU
音视频·实时音视频·视频编解码
Facechat17 小时前
视频混剪-WebCodecs导出视频
音视频