视频播放网站 这是一个用于视频播放的网站，提供多种尺寸和类型的视频供用户选择。该网站使用video.js作为视频播放器，可以根据屏幕大小自适应调整尺寸，并提供了多种预设的样式和维度设置。

播放器样式

  • .video-js:视频播放器的基本样式，包括宽度和高度。
  • .vjs-fluid:在响应式布局中使用的样式，将播放器填充整个容器的高度。

视频尺寸

  • .new-video-336-dimensions:视频的宽度为350px,高度为230px。
  • .new-video-336-dimensions.vjs-fluid:在响应式布局中使用的尺寸，视频将填充整个容器的高度为56.25%。
  • .new-video-335-dimensions、.new-video-334-dimensions、.new-video-328-dimensions:这些类与前面的类似，只是宽度和高度有所不同。

自适应布局

通过使用.vjs-fluid类，该网站实现了一种自适应布局，可以确保在不同设备上都能正确显示视频播放器。这对于构建响应式的网页非常重要，因为它可以让用户无论使用何种设备都能获得一致的体验。

总结

这个视频播放网站提供了多样化的视频尺寸和样式选项，以及自适应布局功能，使得用户可以在不同设备上轻松浏览和观看视频。无论是用于个人项目还是商业用途，这个网站都可以作为一个很好的参考范例。