您可以使用CSS中的媒体查询和宽高比来实现响应式视频大小和比例。
首先，您需要设置一个包含视频的容器，然后将视频嵌套在其中。然后，使用CSS设置容器的宽度和高度。接下来，使用媒体查询来根据屏幕大小更改容器的宽度和高度。
例如，以下CSS代码将设置一个包含视频的容器，并设置其宽度为100％，高度为0，并使用16：9的宽高比：
.video-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}该代码包含一个类名为“video-container”的容器，其中还嵌套了一个iframe元素来嵌入视频。容器的高度设置为0，因此它不会占用任何空间。然后，使用“padding-bottom”属性来设置容器的高度，以便它具有16：9的宽高比。
您可以使用媒体查询来更改容器的宽度和高度，以使其适应不同的屏幕大小。例如，以下代码将在屏幕宽度小于600像素时将容器的宽度设置为75％：
@media screen and (max-width: 600px) {
.video-container {
width: 75%;
}
}使用这种方法，您可以轻松地实现响应式视频大小和比例。