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