视频组件官网:https://uniapp.dcloud.net.cn/component/video.html
使用object-fit使内容填充不留黑边 object-fit contain 当视频大小与 video 容器大小不一致时,视频的表现形式。 contain:包含,fill:填充,cover:覆盖
在template中添加
<template> <view> <video id="zsVideo" :src="myVideo" :danmu-list="danmuList" enable-danmu danmu-btn controls style="width:100%;height:202px;" object-fit="fill" poster='/images/videro.png?v=0.20241014001' @pause="handlePause" @click="onVideoPlay"> </video> </view> </template>