예전에 HTML 태그에 대해서 정리했었는데요. 오늘 살펴보니 DOM을 활용해서 제어할 수 있는 기능이 추가되어 있네요. 즉, 동영상 내에 재생, 중지 등의 버튼이 포함되는 것 뿐만 아니라 HTML 내에 있는 버튼을 통해서 동영상을 제어할 수 있도록 Methods, Properties, 그리고 Events가 제공되고 있습니다. 다음 예제를 살펴보시면 재생과 정지를 하는 버튼과 속성(Property)를 변경해서 동영상 크기를 제어하는 것을 알 수 있습니다. HTML5에서 항상 그렇듯 지원하는 브라우저에서만 제대로 보입니다. ㅠㅠ Example 1 Play/Pause Big Small Normal Your browser does not support HTML5 video. Video courtesy of Bi..
이러닝 분야 뿐만 아니라 많은 웹 사이트들이 동영상을 제공하고 있습니다. 현재까지는 표준이 없어 플래시와 같은 플러그인을 통해 동영상을 보여줬는데요. 브라우저마다 플러그인 지원 여부가 달라 표준화가 필요했었습니다. 현재 HTML5에서는 이러한 동영상을 출력하기 위한 표준을 제공하고 있습니다. HTML5의 태그가 이에 해당하는데요. video 태그에 대해 간략하게 정리하려고 합니다. HTML5의 video 태그에서 지원하는 포맷은 Ogg, MPEG 4, WebM의 세가지 입니다. Ogg는 Theora 비디오 코덱과 Vorbis 오디오 코덱을 포함한 컨테이너로 보통 ogg라는 확장자를 사용하는 동영상입니다. MPEG 4는 잘 아는 대로 H.264 비디오 코덱과 AAC 오디오 코덱을 사용하고 있구요. WebM..