무민이의 반반무많이

video 태그로 비디오 파일 삽입하기 본문

HTML5

video 태그로 비디오 파일 삽입하기

M00min 2016.12.12 23:15

(공감과 댓글 하나는 글쓴이에게 큰 힘이 됩니다.)


<video> 태그는 웹 브라우저에서 플러그인의 도움 없이 비디오를 재생할 수 있게 만들어주는 HTML5 태그로HTML5에서 추가된 기능이므로 IE8 이하에서는 사용할 수 없다.



웹 브라우저에 따라 지원하는 비디오 파일 형식이 다르다. 즉, 자신이 올린 비디오 파일이 어떤 브라우저에서는 재생이 되지 않을 수도 있다는 의미이다. 비디오 파일을 여러 확장자로 만든 후, <source> 태그를 사용하여 각각의 파일을 지정해주면, 해당 브라우저에서 지원하는 형식의 비디오가 자동으로 연결된다. (type 속성을 사용하지 않으면, 웹 브라우저가 비디오를 내려받은 뒤에 재생 가능한 파일인지 확인하므로 트래픽이 낭비된다. 따라서 type 속성을 꼭 지정해야한다.)


poster 속성을 통해 비디오를 재생하기 이전에 표시되는 이미지를 설정할 수 있다.

0 Comments
댓글쓰기 폼