비디오 스크러버 video-scrubber
비디오 스크러버는 사용자가 현재 재생 중인 비디오 내의 모든 시간 위치를 동적으로 찾을 수 있는 가로 슬라이더 컨트롤입니다.
비디오가 재생될 때 스크러버 '손잡이'도 움직여서 재생 중 비디오의 현재 시간 위치를 가리킨다. 비디오 스크러버는 항상 컨트롤 막대의 전체 너비를 사용합니다. CSS를 사용하여 비디오 스크러버의 스킨을 만들고, 높이를 변경하고, 세로 위치를 변경할 수 있습니다.
비디오 스크러버의 일반적인 모양은 다음 CSS 클래스 선택기로 제어됩니다.
.s7smartcropvideoviewer .s7videoscrubber
.s7smartcropvideoviewer .s7videoscrubber .s7videotime
.s7smartcropvideoviewer .s7videoscrubber .s7knob
비디오 스크러버의 CSS 속성
다음 CSS 클래스 선택기는 배경, 재생 및 로드 지표를 추적합니다.
.s7smartcropvideoviewer .s7videoscrubber .s7track
.s7smartcropvideoviewer .s7videoscrubber .s7trackloaded
.s7smartcropvideoviewer .s7videoscrubber .s7trackplayed
트랙의 CSS 속성
다음 CSS 클래스 선택기는 손잡이를 제어합니다.
.s7smartcropvideoviewer .s7videoscrubber .s7knob
노브의 CSS 속성
다음 CSS 클래스 선택기는 재생된 시간 버블을 제어합니다.
.s7smartcropvideoviewer .s7videoscrubber .s7videotime
재생된 시간의 CSS 속성
비디오 스크러버 도구 팁을 현지화할 수 있습니다. 자세한 내용은 사용자 인터페이스 요소의 지역화를 참조하십시오.
예 - 10픽셀 높이의 사용자 지정 트랙 색상으로 비디오 스크러버를 사용하여 비디오 뷰어를 설정합니다. 마지막으로 컨트롤 막대의 위쪽 및 왼쪽 가장자리에서 10픽셀과 35픽셀을 위치시킵니다.
.s7smartcropvideoviewer .s7videoscrubber {
top:10px;
left:35px;
height:10px;
background-color:#AAAAAA;
}
.s7smartcropvideoviewer .s7videoscrubber .s7track {
height:10px;
background-color:#444444;
}
.s7smartcropvideoviewer .s7videoscrubber .s7trackloaded {
height:10px;
background-color:#666666;
}
.s7smartcropvideoviewer .s7videoscrubber .s7trackplayed {
height:10px;
background-color:#888888;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8