컨트롤 막대는 재생/일시 중지 단추 및 볼륨 컨트롤과 같이 비디오 뷰어에서 사용할 수 있는 모든 UI 컨트롤을 포함하고 뒤에 있는 사각형 영역입니다.
컨트롤 막대는 항상 사용 가능한 전체 뷰어 너비를 사용합니다. 비디오 뷰어 컨테이너를 기준으로 CSS별로 색상, 높이 및 세로 위치를 변경할 수 있습니다.
다음 CSS 클래스 선택기는 컨트롤 막대의 모양을 제어합니다.
.s7videoviewer .s7controlbar
최상위 |
패딩을 포함하여 위쪽 테두리에서 위치. |
하단 |
패딩을 포함하여 아래쪽 테두리에서 위치합니다. |
height |
컨트롤 막대의 높이입니다. |
background-color |
컨트롤 막대의 배경색입니다. |
30픽셀 높이의 회색 컨트롤 막대가 있는 비디오 뷰어를 비디오 뷰어 컨테이너 맨 위에 설정하려면 다음을 수행하십시오.
.s7videoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}