비디오 팟캐스트 방송을 위한 html5.0 태그
1. 비디오 태그 <video>
비디오태그는 앞서 설명한 오디오태그처럼 플러그인이 없어도 작동된다는 장점을 가지고 있지만 단점으로는 특정 브라우저에서는 재생이 되지않는다는 단점이 있지만 국내의 많은 유저들이 익스플러와 크롬을 사용하기 때문에 별문제 없이 사용하는데 지장이 없을 것으로 보인다.
|
익스플로러 |
크롬 |
파이어폭스 |
사파리 |
오페라 |
MP4(H.264+ACC) |
O |
O |
X |
O |
X |
WebM(VP8+Vorbis) |
X |
O |
O |
X |
O |
OGV(Theora+Vorbis) |
X |
O |
O |
X |
O |
2. 비디오 태그 사용하기
<video controls="" preload="" style="width:640px;height:480px;">
<source src="파일경로/파일명.mp4">
</video>
<source src="">의 ""부분에는 자신이 올린 동영상의 주소를 넣어주면 된다. 티스트리나 특정사이트에 올린 동영상도 동일하다.
태그 속성은 아래와 같다.
src |
비디오 파일 경로 지정 |
poster |
비디오 준비중일때의 이미지 경로 |
preload |
비디오를 재생 하기 전에 모두 불러올지 지정 |
autoplay |
비디오를 자동 재생 할지 지정 |
loop |
반복 재생 지정 |
controls |
비디오 재생 도구 출력 지정 |
width |
너비 지정 |
height |
높이 지정 |
<video controls="" poster="http://동영상 출력 화면 이미지경로/파일명.png" preload="" style="width:640px;height:480px;">
<source src="http://파일경로/파일명.mp4">
</video>
다른 파일이 있는 경우라면
<video>
<source src="http://파일경로/파일명.mp4">
<source src="http://파일경로/파일명.ogv">
</video>