要保持视频大小播放，可以使用CSS的object-fit属性。 object-fit属性指定了如何调整

以下是一个包含代码示例的解决方法：

HTML代码：

CSS代码：

.video-container {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 宽高比的视频 */
  position: relative;
  overflow: hidden;
}

.video-container video {
  width: 100%;
  height: 100%;
  object-fit: contain; /* 保持视频大小 */
}

在上面的示例中，我们创建了一个包含视频的div容器，并使用padding-bottom属性为容器创建一个宽高比为16:9的占位符。然后，我们使用position: relative和overflow: hidden属性来确保视频不溢出容器。

最后，我们将视频的宽度和高度设置为100%并使用object-fit: contain属性来保持视频的原始大小。这将确保视频在容器中按比例缩放以适应其大小，同时保持其宽高比。

请将"your-video.mp4"替换为您自己的视频文件路径。