개발

[html5] 브라우저별 video 동영상 재생

지승준 2015. 2. 10. 23:58


1
2
3
4
5
6
7
8
<video controls loop autoplay poster="../images/main/video.gif" width="350px" height="197px">
    <source src="movie2.mp4" type="video/mp4" />
    <object>
     <embed type="video/x-ms-wmv" width="350px" height="197px" 
     src="mms://test.com/movie.wmv" 
     allowfullscreen="false" allowscriptaccess="always" ShowControls="false" />
    </object>
</video>
cs


src : 동영상 파일을 가리키는 URL을 나타내는 문자열입니다.

controls : 기본 제공 재생 컨트롤 집합을 설정하는 부울 특성입니다. 여기에는 일반적으로 재생, 일시 중지, 검색 및 볼륨 설정이 포함됩니다. 

Internet Explorer 10에는 여러 오디오 및 텍스트 트랙을 선택할 수 있는 컨트롤도 표시됩니다.

poster : 동영상 플레이어에 표시되는 자리 표시자 이미지를 나타내는 문자열입니다. 

해당 지점에 원본이 설정되어 있지 않거나 콘텐츠를 로드하는 중이어서 동영상을 사용할 수 없는 경우에만 포스터 이미지가 표시됩니다.

loop : 컨트롤의 일시 중지 단추를 누르거나 스크립트에서 pause 메서드를 호출할 때까지 동영상을 반복적으로 재생하는 부울 특성입니다.

muted : 오디오 트랙을 끈 상태로 동영상을 재생하는 부울 특성입니다.

autoplay : 플레이어에서 콘텐츠를 충분히 버퍼링한 이후에 동영상 재생을 자동으로 시작하는 부울 특성입니다.

preload : 얼마 만큼 버퍼링해야 하는지에 대한 힌트를 정의하는 부울 특성입니다.

height : 동영상 플레이어의 높이(픽셀)를 설정합니다.

width : 동영상 플레이어의 너비(픽셀)를 설정합니다.