아이콘 효과

재생 아이콘은 기본 보기 영역에 겹쳐집니다. 비디오가 일시 중지되거나 비디오 끝에 도달하면 표시되며, iconeffect 매개 변수에도 적용됩니다.

재생 아이콘의 모양은 다음 CSS 클래스 선택기로 제어됩니다.

.s7interactivevideoviewer . s7videoplayer .s7iconeffect

재생 아이콘의 CSS 속성

배경 이미지

재생 아이콘에 대해 표시된 이미지입니다.

배경 위치

CSS 스프라이트를 사용하는 경우 아트워크 스프라이트 내부에 위치를 지정합니다.

CSS Sprite 를 참조하십시오.

width

재생 아이콘의 폭입니다.

height

재생 아이콘의 높이입니다.

아이콘 효과는 state 속성 선택기를 지원합니다. state="play" 속성은 비디오가 재생 중에 일시 중지되면 사용되며 재생 헤드가 스트림 끝에 있을 때에는 state="replay" 특성이 사용됩니다.

100 x 100 픽셀 재생 아이콘을 설정합니다.

.s7interactivevideoviewer .s7videoplayer .s7iconeffect { 
 width: 100px; 
 height: 100px;} 
.s7interactivevideoviewer .s7videoplayer .s7iconeffect[state="play"] { 
background-image: url(images/playIcon.png); 
} 
.s7interactivevideoviewer .s7videoplayer .s7iconeffect[state="replay"] { 
background-image: url(images/replayIcon.png); 
}

이 페이지에서는