video_${thread.thread.id}
" :ref="video_${thread.thread.id}
" :loop="true"
src="thread.threadVideo.mediaUrl" :poster="thread.threadVideo.coverUrl" object-fit="cover" autoplay="true" />
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: 正式
HBuilderX版本号: 3.2.3
手机系统: Android
手机系统版本号: Android 8.0
手机厂商: 华为
手机机型: A100
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
video_${thread.thread.id}
" :ref="video_${thread.thread.id}
" :loop="true"
src="thread.threadVideo.mediaUrl" :poster="thread.threadVideo.coverUrl" object-fit="cover" autoplay="true" />
nvue页面,video测试即可
视频等比例缩放,不拉伸
拉伸
视频在非全屏模式下, object-fit 不起作用个,无论是contain,fill,cover,都会拉伸铺满。
1 个回复
DCloud_UNI_Anne
更新到最新版HBuilderX 3.2.9试试