这是一个百视通官网的网站样式代码片段,包含了一些CSS样式规则。
该代码片段主要定义了一些与视频播放器相关的样式:
.video-js
类用于设置视频播放器的宽度和高度为300像素和150像素。.vjs-fluid:not(.vjs-audio-only-mode)
选择器用于设置当不是纯音频播放模式时,视频播放器容器的上边距为原始大小的56.25%。.vjs_video_3-dimensions
类用于设置视频播放器在3D环境下的宽度为1920像素,高度为1080像素。.vjs_video_3-dimensions.vjs-fluid:not(.vjs-audio-only-mode)
类似的选择器也用于设置在3D环境下,当不是纯音频播放模式时,视频播放器容器的上边距为原始大小的56.25%。
另外还包含了一个名为.rfm-marquee-container
的类选择器。这个选择器定义了一个滚动条容器,并设置了以下样式属性:
overflow-x: hidden
:隐藏水平滚动条。display: flex; flex-direction: row; position: relative; width: var(--width); transform: var(--transform);
:将容器设置为弹性布局(flex layout),方向为行(row),相对于其父元素定位,宽度根据变量--width
设定,并且根据变量--transform
进行变换。
这些样式规则可以用于控制百视通官网上的视频播放器以及滚动条的显示和行为。