视频洗刷 video-scrubber
视频洗刷是水平滑块控件,允许用户动态搜索到当前播放视频内的任何时间位置。
清理器“旋钮”也会随着视频播放而移动,以指示视频在播放期间的当前时间位置。 视频清理器始终占据控制栏的整个宽度。 可以增加视频洗刷的外观。 通过CSS更改其高度和垂直位置。
视频清理器的常规外观由以下CSS类选择器控制:
.s7video360viewer .s7videoscrubber
.s7video360viewer .s7videoscrubber .s7videotime
.s7video360viewer .s7videoscrubber .s7knob
视频清理器的CSS属性
以下CSS类选择器跟踪背景、播放和加载指示器:
.s7video360viewer .s7videoscrubber .s7track
.s7video360viewer .s7videoscrubber .s7trackloaded
.s7video360viewer .s7videoscrubber .s7trackplayed
曲目的CSS属性
以下CSS类选择器控制旋钮:
.s7video360viewer .s7videoscrubber .s7knob
旋钮的CSS属性
以下CSS类选择器控制播放时间气泡:
.s7video360viewer .s7videoscrubber .s7videotime
播放时间泡的CSS属性
可以本地化视频洗刷工具提示。 参见 用户界面元素的本地化 了解更多信息。
示例 — 设置一个视频查看器,该视频查看器带有自定义跟踪颜色的视频清理器,高度为10像素。 并且,从控制栏的上边缘和左边缘将其定位为10个像素和35个像素。
.s7video360viewer .s7videoscrubber {
top:10px;
left:35px;
height:10px;
background-color:#AAAAAA;
}
.s7video360viewer .s7videoscrubber .s7track {
height:10px;
background-color:#444444;
}
.s7video360viewer .s7videoscrubber .s7trackloaded {
height:10px;
background-color:#666666;
}
.s7video360viewer .s7videoscrubber .s7trackplayed {
height:10px;
background-color:#888888;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8