.video { width: 100%; height: 600px; }
通过上述代码,大家可以将视频的宽度设置为100%(即占满整个父元素),高度设置为600像素。当然,具体的数值可以根据需要进行调整。
除了使用固定数值,大家也可以使用百分比来控制视频的宽高。例如:
.video { width: 50%; height: 50%; }
上述代码将视频的宽度和高度都设置为父元素的50%。这种方式可以让视频在不同尺寸的屏幕上都有良好的展示效果。
此外,大家还可以使用CSS3中的flexbox来控制视频的尺寸。例如:
.container { display: flex; justify-content: center; align-items: center; height: 100%; } .video { max-width: 100%; max-height: 100%; }
上述代码将视频设置在一个flex容器中,居中显示,同时通过max-width和max-height属性来保证视频不会超出容器的大小。
总之,通过CSS样式表,大家可以灵活地控制视频的宽高,以达到更好的展示效果。