为什么 div 尺寸器容器不调整视频大小？

Question

由于某种原因，div sizer没有调整网站上视频的大小，你能帮我调整这个视频的大小吗？

/* Vid*/
video {
position: relative;
top: 1400px;
right: -100px;
}

video:before,
video:after {
content: '';
left: 500px;
position: absolute;
}

.sizer {
width: 100px;
}

<div class="sizer">
<video src="vid1.mp4" autoplay controls></video>
</div>

Answer 1

如果你想调整视频的大小，你应该调整html中的视频大小，而不是像这个那样的div

/* Vid*/
video {
position: relative;
padding: 4rem;
height: 300px;
width : 600px;
}

video:before,
video:after {
content: '';
left: 500px;
position: absolute;
}

<div class="sizer">
<video src="vid1.mp4" autoplay controls></video>
</div>