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

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

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


저작자 표시
신고

설정

트랙백

댓글


티스토리 툴바