컨트롤 막대 control-bar

컨트롤 막대는 재생/일시 중지 단추 및 볼륨 컨트롤과 같이 스마트 자르기 비디오 뷰어에서 사용할 수 있는 모든 UI 컨트롤을 포함하고 뒤에 있는 사각형 영역입니다.

컨트롤 막대는 항상 사용 가능한 전체 뷰어 너비를 사용합니다. 스마트 자르기 비디오 뷰어 컨테이너를 기준으로 CSS별로 색상, 높이 및 세로 위치를 변경할 수 있습니다.

다음 CSS 클래스 선택기는 컨트롤 막대의 모양을 제어합니다.

.s7smartcropvideoviewer .s7controlbar

컨트롤 막대의 CSS 속성 css-properties-of-the-control-bar

최상위
패딩을 포함하여 위쪽 테두리에서 위치.
하단
패딩을 포함하여 아래쪽 테두리에서 위치합니다.
height
컨트롤 막대의 높이입니다.
background-color
컨트롤 막대의 배경색입니다.

section-e8caea0a303c425a8a637c2a47c06355

30픽셀 높이의 회색 컨트롤 막대가 있으며 스마트 자르기 비디오 뷰어 컨테이너 맨 위에 있는 스마트 자르기 비디오 뷰어를 설정하려면 다음을 수행하십시오.

.s7smartcropvideoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8