Video Player CSS
该网站使用了一些CSS样式来控制视频播放器的大小和布局。以下是一些主要的样式规则：
.video-js 类
该类设置了视频播放器的宽度和高度为300px和150px。这意味着视频播放器将在页面上占据300像素宽，150像素高的区域。
.vjs-fluid 类
.vjs-fluid 类用于在容器大小不是正方形时调整视频播放器的大小。如果容器不是完全填充屏幕的(例如，当浏览器窗口较小或内容较多时),则视频播放器将填充整个容器的高度，并根据需要进行横向缩放以适应屏幕大小。这是通过设置padding-top属性为56.25%实现的，这意味着视频播放器的高度占其父元素高度的56.25%。
.video1-dimensions 和 .video2-dimensions 类
这两个类分别设置了不同的视频分辨率。.video1-dimensions 设置了视频的宽度为1280像素，高度为720像素。.video2-dimensions 设置了视频的宽度为1920像素，高度为1080像素。这些值可以用于指定不同分辨率的视频文件。
.video-dimensions 类
.video-dimensions 类设置了视频播放器的宽度和高度为1920像素和1080像素。这是一个常用的视频分辨率，适用于大多数情况。
以上就是该网站使用的关于视频播放器的一些主要CSS样式规则。它们提供了灵活性和兼容性，使视频能够适应各种屏幕尺寸和分辨率，从而提供更好的用户体验。
