HTML5 video 엘리먼트(element)
가장주목받는 엘리먼트 중 하나인 비디오(video)를 살펴보자. 오디오기능도 지원하며 가장 좋은점이라면 별도의 플러그인 없이 재생이 가능하다는 점일 것이다.
새로생긴것이니 간단한예부터 보자
<video autoplay controls loop height=""
width="" poster="" preload="" src="" ></video>
- autoplay : 말그대로 자동플레이. 웹페이지에 들어가서 자동플레이하게된다
- controls : 컨틑롤러 플레이, 멈춤 , 볼륨등의 인터페이스를 제공하게된다
- loop : 루프 이값을 주면 무한반복 재생
- height, width : 절절한 가로 세로 크기 입력
- poster : 동영상이 재생되기전 까지 주소에 지정된 그림을 보여준다.
- src : 비디오 파일의 주소 : 현재까지 지원되는 형식은 Ogg, MP4
적절한 동영상을 구하지못해 실행시 그림만 올린다.
마지막으로 비디오 엘리먼트내부에 작성될 것은 설명을 위한 텍스트라던가 비디오 재생 불가시 다운받을수 있도록하는 것들이 있겠다.
댓글