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()
相关推荐
getyefang7 小时前
uniapp如何接入星火大模型
ai·uni-app
@PHARAOH7 小时前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_19 小时前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
逼子格11 小时前
五种音频器件综合对比——《器件手册--音频器件》
嵌入式硬件·音视频·硬件工程师·硬件测试·电子器件·硬件笔试真题·音频器件
芭拉拉小魔仙11 小时前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
goto_w12 小时前
uniapp上使用webview与浏览器交互,支持三端(android、iOS、harmonyos next)
android·vue.js·ios·uni-app·harmonyos
EasyGBS12 小时前
视频设备轨迹回放平台EasyCVR打造视频智能融合新平台,驱动智慧机场迈向数字新时代
网络·人工智能·安全·音视频
小宝小白12 小时前
【vue3】黑马小兔鲜儿项目uniapp navigationStyle
uni-app
EasyGBS13 小时前
视频设备轨迹回放平台EasyCVR综合智能化,搭建运动场体育赛事直播方案
网络·安全·音视频
SKYDROID云卓小助手16 小时前
三轴云台之相机技术篇
运维·服务器·网络·数码相机·音视频