HTML5 기본태그 (비디오 태그)

1. <video> ~ </video> 태그
동영상을 삽입해주는 태그이다.
즉, 태그를 이용하여 동영상을 삽입할 수 있다.
HTML5를 이용하여 삽입한 동영상은 자동재생 안되므로 컨트롤도구가 삽입되어야 한다.

 

2.속성

 (1) src
    동영상 화일의 경로 즉, URL을 써주는 속성이다.
    형식

<video src=“화일명” 또는 주소>

(2) controls

동영상 화일을 조절할 수 있는 조절기를 보이게 할 것인지 아닌지를 결정할 수 있다.
컨트롤 막대가 화면에 표시되며 재생/일시정지 단추, 트랙바, 볼륨 조절기 등이 있다.

<video src=“화일명” controls>

(3) Autoplay
    동영상을 자동으로 재생할 것인지를 결정하는 속성
    <video src=“화일명” autoplay>
(4) Loop
    동영상화일을 반복할지 안 할지를 설정할 수 있다.
    <video src=“화일명” loop>
    <video src=“화일명” loop>
(5)Width
    동영상이 재생될 너비를 설정
(6)Height
    동영상이 재생될 높이를 설정

<video src=“화일명”width=      height=   >

(7)preload2.속성
    동영상 파일을 다운로드하여 재생하게하는 방식
    auto: 자동으로 다운로드
    none: 사용자가 컨트롤을 조작하기 전까지 다운로드 금지
    Matadata : 메타데이터를 가져오며 사용자가 컨트롤을 조작하면 실제 비디오부분을 다운한다.