Video

[javascript] 브라우저 관련 객체

1. window window객체는 브라우저의 최상위 객체를 의미하며 아래 설명된 객체를 포함하는 객체이기도 합니다. 수많은 속성과 메서드가 존재하는데 전체를 다 알 수도 없고 알아보기도 어려워서 몇 가지만 추려서 살펴보고자 합니다. 참고로 alert 같은 기본적인 것도 window의 메서드로 처리되며 var를 통해 생성한 변수도 window의 속성으로 처리됩니다. open 새로운 window객체를 생성합니다. moveBy 윈도우를 지정한 위치로 이동시킵니다. (상대위치) moveTo 윈도우를 지정한 위치로 이동시킵니다. (절대위치) resizeBy 윈도우의 크기를 지정합니다. (상대크기) resizeTo 윈도우의 크기를 지정합니다.(절대크기) scrollBy 윈도우의 스크롤 위치를 이동시킵니다. (상대..

[HTML5&CSS3] 비디오 태그

비디오 태그는 웹상에서 동영상을 재생할 수 있도록 하는 태그입니다. video태그에서 src는 동영상의 위치를 지정하는 속성으로 http://cliel.com/sample.mp4처럼 웹상의 경로나 /video/sample.mp4 와 같이 서버상의 경로를 지정할 수 있습니다. 또한 controls는 동영상 재생 시 컨트롤이 가능한 UI를 노출하도록 하는 속성입니다. 동영상 파일은 mp4(H.264 + ACC) 형식인 경우 모든 브라우저에서 지원이 가능하지만 현재 글을 작성하는 시간 기준으로 WebM(VP8+Vorbis)과 OGV(Theora+Vorbis)는 크롬과 파이어폭스, 오페라만 지원합니다. 따라서 브라우저별로 다른 형식을 재생해야 한다면 다음과 같이 source태그를 사용해야 합니다. 이때 sour..