비디오 플레이어

비디오 플레이어는 뷰어 내에 비디오 컨텐츠가 표시되는 사각형 영역입니다.

재생 중인 비디오의 차원이 비디오 플레이어의 차원과 일치하지 않으면 비디오 컨텐츠가 비디오 플레이어의 사각형 표시 영역 내에 중심이 됩니다.

다음 CSS 클래스 선택기는 비디오 플레이어의 모양을 제어합니다.

.s7mixedmediaviewer .s7videoplayer

비디오 플레이어의 CSS 속성

배경색

비디오 플레이어의 배경색입니다.

시스템에서 비디오를 재생할 수 없는 경우 표시되는 오류 메시지를 현지화할 수 있습니다. 자세한 내용은 사용자 인터페이스 요소 현지화를 참조하십시오.

예 - 비디오 플레이어를 투명하게 만들려면:

.s7mixedmediaviewer .s7videoplayer { 
 background-color: transparent; 
}

캡션은 비디오 플레이어 내의 내부 컨테이너에 배치됩니다. 해당 컨테이너의 위치는 지원되는 WebVTT 포지셔닝 연산자에 의해 제어됩니다. 캡션 텍스트 자체가 해당 컨테이너 내에 있습니다. 이 스타일은 다음 CSS 클래스 선택기로 제어됩니다.

.s7mixedmediaviewer .s7videoplayer .s7caption

캡션의 CSS 속성

CSS 속성

설명

배경색

캡션 텍스트 배경.

color

캡션 텍스트 색상.

font-weight

글꼴 가중치입니다.

font-size

글꼴 크기입니다.

font-family

글꼴 패밀리.

예 - 반투명 검정 배경에서 캡션 텍스트를 14픽셀 밝은 회색 가리켜로 설정하려면 다음을 수행합니다.

.s7mixedmediaviewer .s7videoplayer .s7caption { 
 background-color: rgba(0,0,0,0.75); 
 color: #e6e6e6; 
 font-weight: normal; 
 font-size: 14px; 
 font-family: Arial,Helvetica,sans-serif; 
}

버퍼링 애니메이션의 모양은 다음 CSS 클래스 선택기로 제어됩니다.

.s7mixedmediaviewer .s7videoplayer .s7waiticon

대기 아이콘의 CSS 속성

CSS 속성

설명

width

애니메이션 아이콘 너비.

height

애니메이션 아이콘 높이.

왼쪽 여백

애니메이션 아이콘 왼쪽 여백에 아이콘 너비의 절반을 뺀 것입니다.

여백 상단

애니메이션 아이콘 위쪽 여백에서 일반적으로 아이콘 높이의 절반을 뺀 값입니다.

배경 이미지

아트웍을 노브.

예 - 버퍼링 애니메이션을 101픽셀 너비로 29픽셀 높이로 설정하려면 다음을 수행합니다.

.s7mixedmediaviewer .s7videoplayer .s7waiticon { 
 width: 101px; 
 height: 29px; 
 margin-left: -50px; 
 margin-top: -15px; 
 background-image: url(images/sdk/busyicon.gif); 
}

이 페이지에서는