HTML5 video 엘리먼트(element)

웹표준/HTML5 훑어보기 2010.07.20 13:52

HTML5 video 엘리먼트(element)

가장주목받는 엘리먼트 중 하나인 비디오(video)를 살펴보자. 오디오기능도 지원하며 가장 좋은점이라면 별도의 플러그인 없이 재생이 가능하다는 점일 것이다.

새로생긴것이니 간단한예부터 보자


<video autoplay controls loop height="" 
width=""  poster="" preload="" src="" ></video>

  • autoplay : 말그대로 자동플레이. 웹페이지에 들어가서 자동플레이하게된다
  • controls : 컨틑롤러 플레이, 멈춤 , 볼륨등의 인터페이스를 제공하게된다
  • loop : 루프 이값을 주면 무한반복 재생
  • height, width : 절절한 가로 세로 크기 입력
  • poster : 동영상이 재생되기전 까지 주소에 지정된 그림을 보여준다.
  • src : 비디오 파일의 주소 : 현재까지 지원되는 형식은 Ogg, MP4

적절한 동영상을 구하지못해 실행시 그림만 올린다.

마지막으로 비디오 엘리먼트내부에 작성될 것은 설명을 위한 텍스트라던가 비디오 재생 불가시 다운받을수 있도록하는 것들이 있겠다.



설정

트랙백

댓글