최신 웹 개발 튜토리얼
 

HTML DOM 비디오 객체


비디오 객체

비디오 객체는 HTML5의 새로운 기능입니다.

비디오 객체는 HTML 나타내는 <video> 요소를.

참고 : <video> 요소는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.

비디오 개체에 액세스

당신은 액세스 할 수있는 <video> 를 사용하여 요소 getElementById() :

var x = document.getElementById("myVideo");
»그것을 자신을 시도

비디오 개체 만들기

당신은 만들 수 있습니다 <video> 사용하여 요소를 document. createElement() document. createElement() 방법 :

var x = document.createElement("VIDEO");
»그것을 자신을 시도

비디오 객체의 속성

재산 기술
audioTracks 가능한 오디오 트랙을 나타내는 AudioTrackList 오브젝트를 돌려줍니다
autoplay 그것은 준비로 설정하거나 반환 비디오가 즉시 재생을 시작해야하는지 여부
buffered 비디오의 버퍼링 된 부분을 나타내는 TimeRanges 오브젝트를 돌려줍니다
controller 비디오의 현재 미디어 컨트롤러를 나타내는 MediaController 구성 오브젝트를 돌려줍니다
controls 비디오 컨트롤을해야하는지 여부를 설정하거나 반환 표시 (play/pause etc)
crossOrigin 설정하거나 반환 비디오의 CORS 설정
currentSrc 현재 비디오의 URL을 반환
currentTime 설정 또는 비디오의 현재 재생 위치를 반환 (in seconds)
defaultMuted 설정하거나 반환 비디오는 기본적으로 음소거할지 여부를
defaultPlaybackRate 비디오의 기본 재생 속도 여부를 설정하거나 반환
duration 동영상의 길이를 반환합니다 (in seconds)
ended 비디오의 재생이 종료 있는지 어떤지를 돌려줍니다
error 비디오의 에러 상태를 나타내는 MediaError 오브젝트를 돌려줍니다
height 설정 또는 값 반환 height 비디오의 속성을
loop 설정하거나 비디오가 또 다시 재생을 시작할지 여부를 반환 할 때마다 그것은 완료
mediaGroup 설정하거나 미디어 그룹의 이름에게 반환 video(s) 의 일부입니다
muted 설정하거나 반환 비디오의 사운드가 해제할지 여부를
networkState 비디오의 현재 네트워크 상태를 반환
paused 설정하거나 반환 비디오가 일시 중지되어 있는지 여부
playbackRate 설정 또는 비디오 재생의 속도를 반환
played 비디오의 재생 부분을 나타내는 TimeRanges 오브젝트를 돌려줍니다
poster 설정 또는 값 반환 poster 비디오의 속성을
preload 설정 또는 값 반환 preload 비디오의 속성을
readyState 비디오의 현재 준비 상태를 돌려줍니다
seekable 비디오의 시크 부분을 나타내는 TimeRanges 오브젝트를 돌려줍니다
seeking 사용자가 현재 비디오에서 추구되고 있는지 어떤지를 돌려줍니다
src 설정 또는 값 반환 src 비디오의 속성을
startDate 현재 시간을 나타내는 Date 객체는 오프셋 (offset)를 돌려줍니다
textTracks 사용 가능한 텍스트 트랙을 나타내는 TextTrackList 오브젝트를 돌려줍니다
videoTracks 사용 가능한 비디오 트랙을 나타내는 VideoTrackList 오브젝트를 돌려줍니다
volume 설정 또는 비디오의 오디오 볼륨을 반환
width 설정하거나 값 반환 width 비디오의 속성을

비디오 객체 메소드

방법 기술
addTextTrack() 비디오에 새 텍스트 트랙을 추가
canPlayType() 브라우저가 지정된 비디오 형식을 재생할 수 있는지 여부를 확인
load() 다시로드 비디오 요소
play() 동영상 재생을 시작합니다
pause() 현재 재생중인 동영상을 일시 중지합니다

표준 등록 및 이벤트

비디오 객체는 표준 지원 속성이벤트를 .


관련 페이지

HTML 튜토리얼 : HTML5 비디오

HTML 참조 : HTML <video> 태그