비디오 플레이어 아이콘 효과

재생 아이콘이 비디오 보기 영역에 오버레이됩니다. 비디오가 일시 중지되거나 비디오 끝에 도달하면 표시되며, 이는 iconeffect 매개 변수에도 달라집니다.

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

.s7mixedmediaviewer . s7videoplayer .s7iconeffect

재생 아이콘의 CSS 속성

background-image

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

background-position

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

다음을 참조하십시오 CSS 스프라이트 .

width

재생 아이콘의 폭입니다.

height

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

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

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

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

이 페이지에서는