아이콘 효과
마지막 업데이트: 2024년 7월 22일
작성 대상:
- 개발자
- 사용자
재생 아이콘이 기본 보기 영역에 오버레이됩니다. 비디오가 일시 중지되거나 비디오 끝에 도달하면 표시되며, 이는 iconeffect 매개 변수에도 달라집니다.
재생 아이콘의 모양은 다음 CSS 클래스 선택기로 제어됩니다.
.s7interactivevideoviewer . s7videoplayer .s7iconeffect
재생 아이콘의 CSS 속성
배경 이미지 | 재생 아이콘에 대해 표시된 이미지입니다. |
백그라운드 위치 |
CSS 스프라이트를 사용하는 경우 아트워크 스프라이트 내부에 배치합니다. CSS 스프라이트을(를) 참조하십시오. |
너비 | 재생 아이콘의 폭입니다. |
높이 | 재생 아이콘의 높이입니다. |
아이콘 효과는 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);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8