비디오 전체 화면 단추 video-full-screen-button
전체 화면 버튼을 누르면 사용자가 전체 화면 모드를 선택하거나 종료하게 됩니다. 뷰어가 비디오를 표시하고 컨트롤 막대에 있을 때 사용됩니다. 뷰어가 팝업 모드에서 작동하고 시스템이 기본 전체 화면을 지원하지 않는 경우에는 이 단추가 표시되지 않습니다.
CSS별로 전체 화면 버튼의 크기를 조정하고, 스킨을 지정하고, 전체 화면 버튼을 포함하는 컨트롤 막대에 따라 배치할 수 있습니다.
전체 화면 버튼의 모양은 CSS 클래스 선택기로 제어됩니다.
.s7mixedmediaviewer .s7fullscreenbutton
전체 화면 단추의 CSS 속성
NOTE
이 단추는
state
및 selected
특성 선택기를 모두 지원합니다. 이 선택기는 다른 단추 상태에 다른 스킨을 적용하는 데 사용할 수 있습니다. 특히 selected='true'
은(는) “전체 화면” 상태에 해당하고 selected='false'
은(는) “일반” 상태에 해당합니다.단추 도구 설명을 현지화할 수 있습니다. 자세한 내용은 사용자 인터페이스 요소의 지역화를 참조하십시오.
예 section-e8caea0a303c425a8a637c2a47c06355
전체 화면 단추를 설정하려면 컨트롤 막대의 위쪽 및 오른쪽 가장자리에서 6픽셀을 32x32픽셀로 설정합니다. 또한 선택되거나 선택되지 않을 때 4개의 서로 다른 단추 상태 각각에 대해 다른 이미지를 표시합니다.
.s7mixedmediaviewer . s7fullscreenbutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7mixedmediaviewer .s7fullscreenbutton [selected='false'][state='up'] {
background-image:url(images/enterFullBtn_up.png);
}
.s7mixedmediaviewer .s7fullscreenbutton [selected='false'][state='over'] {
background-image:url(images/enterFullBtn_over.png);
}
.s7mixedmediaviewer .s7fullscreenbutton [selected='false'][state='down'] {
background-image:url(images/enterFullBtn_down.png);
}
.s7mixedmediaviewer .s7fullscreenbutton [selected='false'][state='disabled'] {
background-image:url(images/enterFullBtn_disabled.png);
}
.s7mixedmediaviewer .s7fullscreenbutton [selected='true'][state='up'] {
background-image:url(images/exitFullBtn_up.png);
}
.s7mixedmediaviewer .s7fullscreenbutton [selected='true'][state='over'] {
background-image:url(images/exitFullBtn_over.png);
}
.s7mixedmediaviewer .s7fullscreenbutton [selected='true'][state='down'] {
background-image:url(images/exitFullBtn_down.png);
}
.s7mixedmediaviewer .s7fullscreenbutton [selected='true'][state='disabled'] {
background-image:url(images/exitFullBtn_disabled.png); }
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8