아이콘 효과 icon-effect

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

주제:

작성 대상:

개발자
사용자

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

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

.s7interactivevideoviewer . s7videoplayer .s7iconeffect

재생 아이콘의 CSS 속성

배경 이미지

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

백그라운드 위치

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

CSS 스프라이트을(를) 참조하십시오.

너비

재생 아이콘의 폭입니다.

높이

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

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

예 section-e8caea0a303c425a8a637c2a47c06355

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);
}

recommendation-more-help

b7426f53-aad9-4c00-83fc-664f30f681e8