CSS控制视频video组件16:9等比缩放

文章内容

1、HTML页面

/* 小程序 */<view class="video">
    <video  src=""></video>
</view>
/* H5 */<div class="video">
    <video  src=""></video>
</div>

2、CSS样式

video {
width: 100%;
position:absolute;
height:100%;
}
.video {
position:relative;
width: 100%;
height: 0;
padding-bottom: 56%;
background-color: #333;
}

发表评论