HTML DOM 비디오 포스터 속성은 비디오가 재생되거나 네트워크 상태가 2가 될 때까지 표시된 이미지의 URL에 해당하는 문자열을 반환/설정합니다. 구문 다음은 구문입니다 - 문자열 값 반환 mediaObject.poster 포스터 설정 URLString으로 mediaObject.poster = URLString HTML DOM 비디오 포스터의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Video poste
HTML DOM 비디오 사전 로드 속성은 제작자가 비디오 데이터를 로드해야 한다고 생각하는 시점에 해당하는 문자열을 반환합니다. 간혹 무시되기도 하지만 기본값은 메타데이터입니다. 구문 다음은 구문입니다 - 문자열 값 반환 mediaObject.preload 미리 로드 설정 문자열로 mediaObject.preload = “auto|metadata|none” HTML DOM 동영상 미리 로드의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head
HTML DOM 비디오 readyState 속성은 비디오의 현재 준비 상태에 해당하는 숫자를 반환합니다. 구문 다음은 구문입니다 - 숫자 값 반환 mediaObject.readyState 여기서 반환 값은 다음과 같을 수 있습니다. - 0(HAVE_NOTHING)은 사용 가능한 정보가 없음을 나타냅니다. 1(HAVE_METADATA)은 미디어가 준비되었고 동영상을 찾을 수 있다는 메타데이터를 나타냅니다. 2(HAVE_CURRENT_DATA)는 현재 재생 위치에 대한 데이터를 사용할 수 있지만 다음 프레임을 재생하기에 데이터가
HTML DOM Video 탐색 가능 속성은 비디오의 탐색 가능 범위 길이와 시작, 끝 위치에 대한 정보가 포함된 TimeRanges 객체를 반환합니다. 구문 다음은 구문입니다 - TimeRanges 객체 반환 mediaObject.seekable 검색 가능한 동영상의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Video seekable</title> <style>
HTML DOM 비디오 탐색 속성은 사용자가 재생 중인 비디오를 탐색(현재 재생을 새 위치로 이동)하는지 여부에 해당하는 부울(true/false)을 반환합니다. 구문 다음은 구문입니다 - 부울 값 반환 mediaObject.seeking HTML DOM 비디오 검색의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Video seeking</title> <style> *
HTML DOM 비디오 src 속성은 비디오의 URL에 해당하는 문자열을 반환/설정합니다. 구문 다음은 구문입니다 - 문자열 값 반환 mediaObject.src src 설정 URLString으로 mediaObject.poster = URLString HTML DOM 비디오 src의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html><html> <head> <title>HTML DOM Video src</title> <style> &nb
HTML DOM 비디오 textTracks 속성은 비디오의 텍스트 트랙에 대한 정보가 포함된 TextTrackList 개체를 반환합니다. 구문 다음은 구문입니다 - TextTracksList 개체 반환 mediaObject.textTracks 동영상 textTracks의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Video textTracks</title> <style> &nb
HTML DOM 비디오 볼륨 속성은 미디어의 현재 볼륨 수준에 해당하는 숫자를 반환/설정합니다. 구문 다음은 구문입니다 - 숫자로 볼륨 반환 mediaObject.volume 볼륨 설정 숫자로 mediaObject.volume = number 참고:숫자의 최대값은 1.0입니다. 0.0인 경우 동영상 볼륨은 최소입니다. 동영상 볼륨의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Video volume</t
HTML DOM 동영상 재생 시간 속성은 동영상 길이(초)에 해당하는 숫자를 반환합니다. 참고 − 실시간 스트림의 경우 Inf를 반환합니다. 라이브 스트림에 미리 정의된 기간이 없기 때문에 무한합니다. 구문 다음은 구문입니다 - 문자열 값 반환 mediaObject.duration HTML DOM 동영상 재생 시간의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Video duration</title>
HTML DOM 비디오 종료 속성은 비디오가 끝에 도달했는지 여부에 해당하는 부울(true/false)을 반환합니다. 구문 다음은 구문입니다 - 부울 값 반환 mediaObject.ended HTML DOM 동영상이 종료됨의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Video ended</title> <style> * { pad
HTML DOM 비디오 높이 속성은 미디어의 높이(픽셀)에 해당하는 숫자를 반환/설정합니다. 구문 다음은 구문입니다 - 높이 반환 숫자(px)로 mediaObject.height 높이 설정 숫자(px)로 mediaObject.height = number 동영상 높이의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Video height</title> <style> *
HTML DOM Video load()는 src와 같은 사용자가 특정 속성을 업데이트한 후 비디오 요소를 다시 렌더링하는 데 사용됩니다. 구문 다음은 구문입니다 - videoObject.load() 동영상 로드()의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Video load()</title> <style> * { padding:
HTML DOM 비디오 루프 속성은 비디오가 종료 시 자동으로 다시 재생되는지 여부에 해당하는 부울 값을 반환/설정합니다. 구문 다음은 구문입니다 - 부울 값 반환 - true/false mediaObject.loop 루프 설정 부울 값으로 mediaObject.loop = booleanValue 여기 booleanValue 다음과 같을 수 있습니다 - 부울 값 세부정보 참 동영상이 종료 시 자동으로 다시 재생되도록 정의합니다. 거짓 동영상이 끝날 때 자동으로 다시 재생되지 않음을 정의합니다.
HTML DOM 비디오 음소거 속성은 비디오의 오디오가 음소거 상태인지 여부에 해당하는 부울 값을 반환/설정합니다. 구문 다음은 구문입니다 - 부울 값 반환 - true/false mediaObject.muted booleanValue로 음소거 설정 mediaObject.muted = booleanValue 여기 booleanValue 다음과 같을 수 있습니다 - 부울 값 세부정보 사실 동영상의 오디오가 음소거 상태임을 정의합니다. 거짓 동영상의 오디오가 음소거 상태가 아님을 정의합니다. 동
HTML DOM 비디오 networkState 속성은 비디오의 네트워크 상태에 해당하는 숫자를 반환합니다. 구문 다음은 구문입니다 - 숫자 값 반환 mediaObject.networkState 여기서 반환 값은 다음과 같을 수 있습니다. - 0(NETWORK_EMPTY)은 미디어가 아직 초기화되지 않았음을 나타냅니다. 1(NETWORK_IDLE)은 미디어가 활성 상태이고 리소스를 선택했지만 네트워크를 사용하고 있지 않음을 나타냅니다. 2(NETWORK_LOADING)는 브라우저가 미디어 데이터를 다운로드 중임을 나타냅니다.
HTML의 HTML DOM 비디오 개체는 요소를 나타냅니다. 만들기 요소 var videoObject = document.createElement(“VIDEO”) 여기, videoObject 다음 속성을 가질 수 있습니다 - 속성 설명 오디오 트랙 사용 가능한 오디오 트랙을 나타내는 AudioTrackList 개체를 반환합니다. 자동 재생 동영상이 준비되는 즉시 재생을 시작해야 하는지 여부를 설정/반환합니다. 버퍼됨 동영상의 버퍼링된 부분을 나타내는 TimeRanges
HTML DOM Video paused 속성은 동영상 재생 여부에 해당하는 부울(true/false)을 반환합니다. 구문 다음은 구문입니다 - 부울 값 반환 mediaObject.paused HTML DOM 동영상이 일시중지됨의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Video paused</title> <style> * {
HTML DOM 비디오 play()는 현재 미디어 콘텐츠를 재생하고 미디어 사용 pause()를 중지하는 데 사용됩니다. 구문 다음은 구문입니다 - videoObject.play() 동영상 재생()의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Video play()</title> <style> * { padding: 2px; &nb
HTML DOM URL 속성은 문서의 URL에 해당하는 문자열을 반환합니다. 다음은 구문입니다 - 문자열 값 반환 document.URL HTML DOM URL의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM URL</title> <style> form { width:70%; margin: 0 a
HTML DOM 값 속성은 요소의 속성 값에 해당하는 문자열을 반환합니다. 다음은 구문입니다 - 문자열 값 반환 elementAttribute.value HTML DOM 값의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM value</title> <style> * { padding: 2px; ma