这是一个用于视频播放的网站。它包含了用于控制视频尺寸和样式的一些CSS样式类。
.video-js
类定义了视频播放器的宽度为300像素,高度为150像素。这个类通常被应用到HTML中的<video>
标签上,以便控制视频的尺寸。
.vjs-fluid:not(.vjs-audio-only-mode)
类设置了视频播放器的内边距顶部比例为56.25%,这样可以保证在不同浏览器中都能正确地显示视频。
.my-video-dimensions
类定义了自定义的视频尺寸,这里设置为宽度770像素,高度433像素。如果需要使用这个自定义尺寸,可以将相应的<video>
标签的width
和height
属性设置为这个值。
.my-video-dimensions.vjs-fluid:not(.vjs-audio-only-mode)
类也设置了自定义的视频尺寸,并同样使用了56.25%的内边距顶部比例。这是为了兼容性考虑,确保即使在不支持固定尺寸的浏览器中也能正常显示视频。
.agl-hover
和.agl-highlight-current
两个类定义了鼠标悬停和当前高亮状态下的样式。它们分别设置了轮廓线、背景颜色和阴影效果,以增强用户界面的可视性和交互体验。
该网站通过CSS样式类来控制视频播放器的尺寸和外观,提供了一个具有一致性和可定制性的视频播放环境。