这是一个用于视频播放的网站。它包含了用于控制视频尺寸和样式的一些CSS样式类。

.video-js类定义了视频播放器的宽度为300像素,高度为150像素。这个类通常被应用到HTML中的<video>标签上,以便控制视频的尺寸。

.vjs-fluid:not(.vjs-audio-only-mode)类设置了视频播放器的内边距顶部比例为56.25%,这样可以保证在不同浏览器中都能正确地显示视频。

.my-video-dimensions类定义了自定义的视频尺寸,这里设置为宽度770像素,高度433像素。如果需要使用这个自定义尺寸,可以将相应的<video>标签的widthheight属性设置为这个值。

.my-video-dimensions.vjs-fluid:not(.vjs-audio-only-mode)类也设置了自定义的视频尺寸,并同样使用了56.25%的内边距顶部比例。这是为了兼容性考虑,确保即使在不支持固定尺寸的浏览器中也能正常显示视频。

.agl-hover.agl-highlight-current两个类定义了鼠标悬停和当前高亮状态下的样式。它们分别设置了轮廓线、背景颜色和阴影效果,以增强用户界面的可视性和交互体验。

该网站通过CSS样式类来控制视频播放器的尺寸和外观,提供了一个具有一致性和可定制性的视频播放环境。