【uniapp】video在公众号自动播放事件及使用object-fit使内容填充不留黑边

 

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