컨트롤 막대

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

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

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

.s7videoviewer .s7controlbar

컨트롤 막대의 CSS 속성

최상위

패딩을 포함하여 위쪽 테두리에서 위치를 지정합니다.

하단

패딩을 포함하여 아래쪽 테두리에서 위치를 지정합니다.

height

컨트롤 막대의 높이입니다.

배경색

컨트롤 막대의 배경색입니다.

예

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

.s7videoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}

이 페이지에서는