明天的明天 永远的永远 未知的一切 我与你一起承担 ??

是非成败转头空 青山依旧在 几度夕阳红 。。。
  博客园  :: 首页  :: 管理

 

视频组件官网: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>