Tag Archives: HTML5

HTML5 Fullscreen API 응용 및 Video 네이티브 컨트롤 제어하기 (hide control css)

HYEONG HWAN, MUN/ 8월 18, 2016/ 미분류/ 0 comments

명확하게 정리된 해설이 없길래, 내가 직접 이곳에 요약 정리해 본다.   나에게 “기존 사용하고 있는 HTML5 플레이어를 유튜브 플레이어 같이 작업해달라” 라는 요청사항이 왔다. 이에 맞추어 기술조사를 하였고 처리하였다.   1. UserAgent StyleSheet 의 이해 웹브라우저를 컴퓨터 용어로 UserAgent 라고 부른다. 웹브라우저는 HTML 태그를 해석하고 화면에 그리기(나타내기) 위해서 자체적인 StyleSheet 를 내장하고 있다. 이것을 웹브라우저-스타일시트 라고 부르며 UserAgent StyleSheet 라고 쓴다. 이 웹브라우저-스타일시트는 브라우저 화면 표시 규칙으로써 거의 비슷하나, 브라우저별로 조금씩 다르다. (95%쯤 동일)   2. FullScreen 사용 먼저 FullScreen 을 사용할 객체를 선택해야합니다. 이 객체가 video 라면 특별히 브라우저의 자체의 비디오 플레이어가 실행된다.   video 객체의 fullscreen 의 경우 다음의 css 핵을 사용하여 비디오UI 디자인을 변경할 수 있습니다.     브라우저마다 네이티브 컨트롤의 클래스명이 다르기 때문에 작업 후 확인해 주어야 합니다.…