css - H5 video高度问题

问题描述

问 题

这个视频高度不设置的话是这样

设置高度之后上面会有空隙，求解

解决方案

因为视频本身的尺寸比例是固定的，比如一个宽高比为1:1.5的视频，你设置它的宽度为100，那么视频本身最大的高度是150，设置了超过了150的高度时，拉伸的是<video>标签的高度，这样就会出现空隙了。要控制视频本身的大小，需要同步设置宽度和高度。比如width: 200px; height: 300px;

这篇关于css - H5 video高度问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！