这个网站的主页设计采用了video.js作为其视频播放器,并对其进行了一些自定义样式设置。
.video-js
类被用来定义视频播放器的宽度和高度,这里设置为宽300px,高150px。同时,使用.vjs-fluid
类来实现响应式布局,当浏览器窗口大小变化时,视频播放器的高度会按照窗口高度的比例自动调整。
该网站还包含了几个不同尺寸的视频元素,分别是.new-video-662-dimensions
、.new-video-661-dimensions
、.new-video-660-dimensions
和.new-video-659-dimensions
。这些类用于定义各个视频元素的宽度和高度,其中.vjs-fluid
类同样被应用在每个元素上,以实现响应式布局。值得注意的是,这些视频元素的宽度都设置为了1424px,高度则为700px。
该网站的设计使用了video.js作为视频播放器,并通过自定义样式实现了一定的响应式布局效果。同时,提供了多个不同尺寸的视频元素供用户选择观看。