CODEDRAGON ㆍDevelopment/Web, WWW
<video> 태그
· 웹 문서에 비디오파일을 삽입할 수 있게 해주는 태그입니다.
· HTML5에서 추가된 임베디드 컨텐츠 태그 중 하나입니다.
· PC, Mobile 모두 가능지만 Mobile의 경우 자동재생 기능은 지원하지 않습니다.
· 인터넷 익스플로러 8 버전 이하에서는 인식하지 못합니다.
video 태그 형식
<video src="동영상파일경로" 속성="값"></video> |
<video src="http://www.videotest.com/test.ogv"></video>
|
video 태그 속성
속성 |
설명 |
src |
동영상 파일의 경로를 지정합니다. |
poster |
동영상이 화면에 나타나지 않을 때 대신 표시할 그림을 지정합니다. |
preload |
동영상을 백그라운드에서 다운로드하여 재생준비를 하고 재생 단추를 눌렀을 때 재생되게 합니다. |
autoplay |
재생 가능한 상태가 되면 동영상을 자동 재생합니다. |
loop |
반복 재생 횟수를 지정합니다. |
controls |
동영상 화면에 비디오를 제어할 수 있는 콘트롤 도구를 보여줄지 여부를 지정합니다. |
width |
동영상 화면에 너비를 지정합니다. |
height |
동영상 화면의 높이를 지정합니다. |
muted |
음소거 |
'Development > Web, WWW' 카테고리의 다른 글
<canvas> 태그, <canvas>의 속성, <canvas>태그 형식 (0) | 2017.11.21 |
---|---|
null vs undefined vs NaN vs Infinity (0) | 2017.11.13 |
인라인레벨 요소를 블록레벨 요소로 변경하기, 블록레벨 요소를 인라인레벨 요소로 변경하기, 블록 요소와 인라인 요소 padding 및 margin 주기 (0) | 2017.11.09 |
cursor 속성, cursor 속성 값 (0) | 2017.11.09 |
list-style-type 미리보기 (0) | 2017.11.07 |