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()
相关推荐
饭饭大王6663 小时前
CANN 生态深度整合:使用 `pipeline-runner` 构建高吞吐视频分析流水线
人工智能·音视频
游戏开发爱好者83 小时前
日常开发与测试的 App 测试方法、查看设备状态、实时日志、应用数据
android·ios·小程序·https·uni-app·iphone·webview
晚霞的不甘4 小时前
CANN 编译器深度解析:TBE 自定义算子开发实战
人工智能·架构·开源·音视频
愚公搬代码4 小时前
【愚公系列】《AI短视频创作一本通》016-AI短视频的生成(AI短视频运镜方法)
人工智能·音视频
2501_915106325 小时前
app 上架过程,安装包准备、证书与描述文件管理、安装测试、上传
android·ios·小程序·https·uni-app·iphone·webview
那个村的李富贵5 小时前
CANN赋能AIGC“数字人”革命:实时视频换脸与表情驱动实战
aigc·音视频
2501_915106325 小时前
使用 Sniffmaster TCP 抓包和 Wireshark 网络分析
网络协议·tcp/ip·ios·小程序·uni-app·wireshark·iphone
晚霞的不甘5 小时前
CANN 支持强化学习:从 Isaac Gym 仿真到机械臂真机控制
人工智能·神经网络·架构·开源·音视频
宠友信息7 小时前
2025社交+IM及时通讯社区APP仿小红书小程序
java·spring boot·小程序·uni-app·web app
“负拾捌”7 小时前
python + uniapp 结合腾讯云实现实时语音识别功能(WebSocket)
python·websocket·微信小程序·uni-app·大模型·腾讯云·语音识别