HTML DOM Video 대상

Video 객체

Video 객체는 HTML5에서 새로운 객체입니다。

Video 객체는 HTML <video> 요소를 나타냅니다。

Video 객체에 접근

getElementById() 사용하여 <video> 요소에 접근할 수 있습니다：

var x = document.getElementById("myVideo");

개인적으로 시도해보세요

Video 객체 생성

document.createElement() 메서드를 사용하여 <video> 요소를 생성할 수 있습니다:

var x = document.createElement("VIDEO");

개인적으로 시도해보세요

Video 객체 속성

속성 설명
audioTracks 사용 가능한 오디오 트랙을 나타내는 AudioTrackList 객체를 반환합니다.
autoplay 비디오가 준비가 되면 즉시 재생되어야 하는지 여부를 설정하거나 반환합니다.
buffered 비디오가 이미 버퍼링된 부분을 나타내는 TimeRanges 객체를 반환합니다.
controller 비디오의 현재 미디어 컨트롤러를 나타내는 MediaController 객체를 반환합니다.
controls 비디오에 컨트롤러(재생/일시 중지 등)를 표시해야 하는지 여부를 설정하거나 반환합니다.
crossOrigin 비디오의 CORS 설정을 설정하거나 반환합니다.
currentSrc 현재 비디오의 URL을 반환합니다.
currentTime 비디오의 현재 재생 위치(초로 계산)를 설정하거나 반환합니다.
defaultMuted 비디오의 기본 상태에서 사운드가 껐는지 여부를 설정하거나 반환합니다.
defaultPlaybackRate 비디오의 기본 재생 속도를 설정하거나 반환합니다.
duration 비디오의 길이(초로 계산)를 반환합니다.
ended 비디오의 재생이 끝났는지 여부를 반환합니다.
error 비디오의 오류 상태를 나타내는 MediaError 객체를 반환합니다.
height 비디오의 height 속성 값을 설정하거나 반환합니다.
loop 비디오가 끝나면 다시 재생되어야 하는지 여부를 설정하거나 반환합니다.
mediaGroup 비디오가 속한 미디어 그룹의 이름을 설정하거나 반환합니다.
muted 사운드를 껐는지 여부를 설정하거나 반환합니다.
networkState 비디오의 현재 네트워크 상태를 반환합니다.
paused 비디오가 일시 중지되었는지 여부를 설정하거나 반환합니다.
playbackRate 비디오 재생 속도를 설정하거나 반환합니다.
played 비디오가 이미 재생된 부분을 나타내는 TimeRanges 객체를 반환합니다.
poster 비디오의 poster 속성 값을 설정하거나 반환합니다.
preload 비디오의 preload 속성 값을 설정하거나 반환합니다.
readyState 비디오의 현재 준비 상태를 반환합니다.
seekable 비디오의 탐색 가능한 부분을 나타내는 TimeRanges 객체를 반환합니다.
seeking 사용자가 현재 비디오에서 검색 중인지 여부를 반환합니다.
src 비디오의 src 속성 값을 설정하거나 반환합니다.
startDate 현재 시간 이동을 나타내는 Date 객체를 반환합니다.
textTracks 사용 가능한 텍스트 트랙을 나타내는 TextTrackList 객체를 반환합니다.
videoTracks 사용 가능한 비디오 트랙을 나타내는 VideoTrackList 객체를 반환합니다.
volume 비디오의 볼륨 값을 설정하거나 반환합니다.
width 비디오의 width 속성 값을 설정하거나 반환합니다.

Video 객체 메서드

메서드 설명
addTextTrack() 비디오에 새로운 텍스트 트랙을 추가합니다.
canPlayType() 브라우저가 지정된 비디오 타입을 재생할 수 있는지 확인합니다.
load() 비디오 요소를 다시 로드합니다.
play() 비디오 재생을 시작합니다.
pause() 현재 재생을 일시 중지합니다.

표준 속성 및 이벤트

Video 객체가 지원하는 표준속성및이벤트.

관련 페이지

HTML 교육:HTML5 비디오

HTML 참조 매뉴얼:HTML <video> 태그