아이콘 효과

마지막 업데이트: 2023-05-22
  • 주제:
  • Dynamic Media Classic
    이 항목에 대한 자세한 내용 보기
  • Viewers
    이 항목에 대한 자세한 내용 보기
  • SDK/API
    이 항목에 대한 자세한 내용 보기
  • Smart Crop
    이 항목에 대한 자세한 내용 보기
  • Video
    이 항목에 대한 자세한 내용 보기
  • 작성 대상:
  • Developer
    User

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

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

.s7smartcropvideoviewer . s7smartcropvideoplayer .s7iconeffect

재생 아이콘의 CSS 속성

background-image

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

background-position

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

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

width

재생 아이콘의 폭입니다.

height

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

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

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

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

이 페이지에서는