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()
相关推荐
枫叶梨花2 小时前
用FunASR轻松实现音频转SRT字幕:完整脚本与解析
自然语言处理·音视频
音视频牛哥9 小时前
打通视频到AI的第一公里:轻量RTSP服务如何重塑边缘感知入口?
人工智能·计算机视觉·音视频·大牛直播sdk·机器视觉·轻量级rtsp服务·ai人工智能
给力学长9 小时前
自习室预约小程序的设计与实现
java·数据库·vue.js·elementui·小程序·uni-app·node.js
前端程序猿-秦祥10 小时前
uniapp中flex布局gap属性兼容处理
uni-app
rjszcb11 小时前
通过v4l2,采集视频,FFmpeg编码压缩封装视频(三)
ffmpeg·音视频
程知农19 小时前
uniapp_微信小程序_根据胶囊按钮计算出的导航栏高度为什么不是44px?
微信小程序·小程序·uni-app
2501_915909061 天前
iOS 加固工具实战解析,主流平台审核机制与工具应对策略
android·ios·小程序·https·uni-app·iphone·webview
The_era_achievs_hero1 天前
UniappDay04
vue.js·微信小程序·uni-app
小木木爸1 天前
HLS视频切片音频中断问题分析与解决方案
音视频·hls视频切片·音频中断问题
2501_915106321 天前
iOS WebView 调试实战,第三方脚本加载失败与内容安全策略冲突问题排查指南
android·ios·小程序·https·uni-app·iphone·webview