<div class='border'>
<video src='xxxxxx.mp4'></video>
<div>
<style>
.border{
position:relative;
width:100%;
height:0;
padding-bottom:75%; //因为padding和margin等受width影响,父容器固定后,子标签可以进行填充。此处75%是3/4,其他比例可以依照此法。
}
video{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
</style>
针对video标签改变其缩放比例比如4:3
最新推荐文章于 2024-04-25 09:04:08 发布