根据提供的素材,这个网站主要使用了视频播放器(video.js)和VJ库vjs。
.video-js { width: 300px; height: 150px; }
:这是视频播放器的样式设置。宽度为300像素,高度为150像素,用于在网页上显示视频。.vjs-fluid { padding-top: 56.25% }
:这是视频播放器的样式设置,将视频居中对齐,并使容器内的内容超出容器边界。.new-video-1182-dimensions { width: 690px; height: 553px; } .new-video-1182-dimensions.vjs-fluid { padding-top: 56.25%; }
:这是一组尺寸设置,其中包含两个新视频元素,它们的宽度和高度分别为690像素和553像素。第二个元素是带有vjs-fluid
类的元素,其顶部设置了额外的填充,以达到56.25%的百分比。.new-video-1063-dimensions { width: 690px; height: 553px; } .new-video-1063-dimensions.vjs-fluid { padding-top: 56.25%; }
:这是另一个包含新视频元素的组合,具有相同的尺寸,并且第二个元素也使用vjs-fluid
类来添加额外的顶部填充。.new-video-770-dimensions { width: 490px; height: 241px; } .new-video-770-dimensions.vjs-fluid { padding-top: 56.25%; }
:这是第三个尺寸组合,同样包含一个新视频元素,宽度为490像素,高度为241像素。第二个元素也使用vjs-fluid
类来添加额外的顶部填充。.new-video-768-dimensions { width: 490px; height: 279px; }
:这是第四个尺寸组合,同样包含一个新视频元素,宽度为490像素,高度为279像素。与前面的例子一样,第二个元素也使用了vjs-fluid
类来添加额外的顶部填充。