Html5 (옵션 선택 , 준비됨)

HTML5 미디어 컨트롤러 - HTML5 미디어 API용 래퍼

새로운 Html5 (옵션 선택 , 준비됨)
tech/html5.js , 25행

이 기술의 인스턴스를 만듭니다.

매개 변수 :
이름 유형 속성 설명
옵션 물체 <선택 과목>

플레이어 옵션의 키/값 저장소입니다.
준비된 구성요소~ReadyCallback

HTML5 Tech가 준비되면 호출할 콜백 함수입니다.
혼합:
  • Tech~SourceHandlerAdditions

확장하다

회원

featuresFullscreenResize : 부울
tech/html5.js , 라인 1314

전체 화면으로 전환할 때 HTML5 기술이 현재 자동 미디어 크기 조정을 지원하는지 여부를 나타내는 부울입니다.

재정의:
기본값:
  • 진정한

기능 음소거 제어 : bolean
tech/tech.js , 라인 1151

기술이 음소거 볼륨을 지원하는지 여부를 나타내는 부울입니다.

재정의:
기본값:
  • 진정한

featuresNativeTextTracks :부울
tech/tech.js , 라인 1212

Tech가 기본 TextTrack 을 지원하는지 여부를 나타내는 부울입니다. 이는 브라우저가 지원하는 경우 네이티브 TextTrack 과 통합하는 데 도움이 됩니다.

재정의:

featuresPlaybackRate : 부울
tech/tech.js , 라인 1171

기술이 비디오 재생 속도 변경을 지원하는지 여부를 나타내는 부울입니다. 예:

  • 플레이어를 2배(2배) 빠르게 재생하도록 설정
  • 0.5배(절반) 빠르게 플레이하도록 플레이어 설정
재정의:

featuresProgressEvents :부울
tech/html5.js , 라인 1323

HTML5 기술이 현재 진행 이벤트를 지원하는지 여부를 나타내는 부울입니다. false이면 수동 진행 이벤트가 대신 트리거됩니다.

재정의:
기본값:
  • 진정한

featuresSourceset :부울
tech/tech.js , 라인 1193

Tech가 sourceset 이벤트를 지원하는지 여부를 나타내는 부울입니다.

기술자는 이를 true 로 설정한 다음 Tech#triggerSourceset을 사용하여 새 소스를 가져온 후 가장 빠른 시간에 Tech#event:sourceset를 트리거해야 합니다.

재정의:

기능시간 업데이트 이벤트
tech/html5.js , 라인 1331

HTML5 기술이 현재 timeupdate 이벤트를 지원하는지 여부를 나타내는 부울입니다. 이것이 false이면 수동 timeupdate 이벤트가 대신 트리거됩니다.

재정의:
기본값:
  • 진정한

featuresVideoFrameCallback :부울
tech/html5.js , 라인 1338

HTML5 엘이 requestVideoFrameCallback을 지원하는지 여부

재정의:

featuresVolumeControl :부울
tech/tech.js , 라인 1143

기술이 볼륨 제어를 지원하는지 여부를 나타내는 부울입니다.

재정의:
기본값:
  • 진정한

movingMediaElementInDOM :부울
tech/html5.js , 라인 1303

HTML5 기술이 현재 DOM에서 이동하는 미디어 요소를 지원하는지 여부를 나타내는 부울입니다. 미디어 요소를 이동하면 iOS가 중단되므로 이 값은 false로 설정됩니다. 다른 곳에서는 이것이 사실이어야 합니다.

정적 네이티브 소스 핸들러
tech/html5.js , 라인 2074

Html5용 기본 소스 핸들러는 단순히 소스를 미디어 요소에 전달합니다.

속성:
이름 유형 설명
출처 Tech~SourceObject

소스 개체
기술 HTML5

HTML5 기술의 인스턴스입니다.

방법

$ (선택자, 문맥 선택 ) → {Element|null}
component.js , 라인 778

선택기 와 일치하는 단일 DOM 요소를 찾습니다. 이는 Component 의 contentEl() 또는 다른 사용자 지정 컨텍스트 내에 있을 수 있습니다.

매개 변수 :
이름 유형 속성 기본값 설명
선택자 끈

querySelector 에 전달될 유효한 CSS 선택기입니다.
문맥 요소 | 끈 <선택 과목>
 this.contentEl()

쿼리할 DOM 요소입니다. 첫 번째로 일치하는 요소가 컨텍스트로 사용되는 경우 선택자 문자열일 수도 있습니다. 누락된 경우 this.contentEl()이 사용됩니다. this.contentEl()이 아무 것도 반환하지 않으면 document 로 돌아갑니다.
반환:
요소 | 널 -

발견된 dom 요소 또는 null

재정의:
참조:

$$ (선택기, 컨텍스트 선택 ) → {NodeList}
component.js , 라인 800

선택기 와 일치하는 모든 DOM 요소를 찾습니다. 이는 Component 의 contentEl() 또는 다른 사용자 지정 컨텍스트 내에 있을 수 있습니다.

매개 변수 :
이름 유형 속성 기본값 설명
선택자 끈

querySelectorAll 에 전달될 유효한 CSS 선택기입니다.
문맥 요소 | 끈 <선택 과목>
 this.contentEl()

쿼리할 DOM 요소입니다. 첫 번째로 일치하는 요소가 컨텍스트로 사용되는 경우 선택자 문자열일 수도 있습니다. 누락된 경우 this.contentEl()이 사용됩니다. this.contentEl()이 아무 것도 반환하지 않으면 document 로 돌아갑니다.
반환:
노드 목록 -

발견된 dom 요소 목록

재정의:
참조:

addChild (자식, 옵션 선택 , 색인 선택 ) → { 구성 요소 }
component.js , 라인 469

현재 Component 안에 자식 Component를 추가합니다.

매개 변수 :
이름 유형 속성 기본값 설명
어린이 문자열 | 요소

추가할 자식의 이름 또는 인스턴스입니다.
옵션 물체 <선택 과목>
 {}

자식의 자식에게 전달될 옵션의 키/값 저장소입니다.
색인 숫자 <선택 과목>
 this.children_.length

자식을 추가하려고 시도하는 인덱스입니다.
반환:
구성요소 -

자식으로 추가되는 구성 요소 입니다. 문자열을 사용할 때 구성 요소는 이 프로세스에 의해 생성됩니다.

재정의:

addClass (클래스에 추가)
component.js , 라인 824

Component 요소에 CSS 클래스 이름을 추가합니다.

매개 변수 :
이름 유형 설명
추가할 클래스 끈

추가할 CSS 클래스 이름
재정의:

addRemoteTextTrack (옵션, manualCleanup 선택 ) → { HTMLTrackElement }
tech/html5.js , 라인 921

원격 텍스트 추적 개체를 만들고 html 추적 요소를 반환합니다.

매개 변수 :
이름 유형 속성 기본값 설명
옵션 물체

개체에는 종류, 언어, 레이블 및 src(WebVTT 파일의 위치)에 대한 값이 포함되어야 합니다.
수동정리 부울 <선택 과목>
 진정한

false로 설정하면 소스가 변경될 때마다 TextTrack이 비디오 요소에서 자동으로 제거됩니다.
반환:
HTMLTrackElement -

Html 트랙 요소. 이것은 에뮬레이트된 HTMLTrackElement 또는 네이티브 요소일 수 있습니다.

재정의:
더 이상 사용되지 않음:
  • Video.js의 다음 버전에서는 "manualCleanup" 매개변수의 기본값이 "false"로 기본 설정됩니다.

addTextTrack (종류, 레이블 선택 , 언어 선택 ) → { TextTrack }
tech/html5.js , 라인 845

원격 TextTrack 객체를 만들고 반환합니다.

매개 변수 :
이름 유형 속성 설명
친절한 끈

TextTrack 종류(자막, 캡션, 설명, 장 또는 메타데이터)
상표 끈 <선택 과목>

텍스트 트랙을 식별하는 레이블
언어 끈 <선택 과목>

두 글자 언어 약어
반환:
텍스트 트랙 -

생성되는 TextTrack입니다.

재정의:

addWebVttScript_ ()
tech/tech.js , 596행

필요한 경우 vtt.js를 사용하여 TextTracks 에뮬레이션

화재:
재정의:

오디오 트랙 () → { 오디오 트랙 목록 }
tech/tech.js , 라인 1076

AudioTrackList 가져오기

반환:
오디오트랙리스트
재정의:

자동 재생 () → {부울}
tech/html5.js , 라인 1467

미디어 요소에서 자동 재생 값을 가져옵니다. 자동 재생은 페이지가 준비되는 즉시 미디어 재생을 시작해야 함을 나타냅니다.

반환:
부울 -
  • 미디어 요소의 자동 재생 값입니다. - True는 페이지가 로드되자마자 미디어가 시작되어야 함을 나타냅니다. - False는 페이지가 로드되자마자 미디어가 시작되지 않아야 함을 나타냅니다.
참조:

흐림 ()
component.js , 라인 1164

이 구성 요소에서 포커스를 제거합니다.

재정의:

버퍼링됨 () → {TimeRange}
tech/html5.js , 라인 1647

미디어 요소에서 buffered 값을 가져옵니다. buffered는 이미 다운로드되어 재생 가능한 미디어 부분을 나타내는 TimeRange 객체입니다.

반환:
시간 범위 -

미디어 요소에서 버퍼링된 값입니다.

재정의:
참조:

bufferedPercent () → {숫자}
tech/tech.js , 294행

현재 버퍼링된 현재 비디오의 백분율을 가져옵니다.

반환:
번호 -

버퍼링된 비디오의 십진수 백분율을 나타내는 0에서 1 사이의 숫자입니다.

재정의:

추상 buildCSSClass () → {문자열}
component.js , 라인 695

기본 DOM 클래스 이름을 빌드합니다. 하위 구성요소에 의해 재정의되어야 합니다.

반환:
문자열 -

이 개체의 DOM 클래스 이름입니다.

재정의:

cancelAnimationFrame (id) → {숫자}
component.js , 라인 1598

Component#requestAnimationFrame (rAF)에 전달된 대기 중인 콜백을 취소합니다.

Component#requestAnimationFrame 을 통해 rAF 콜백을 대기시키는 경우 window.cancelAnimationFrame 대신 이 함수를 사용하십시오. 그렇지 않으면 dispose 리스너가 Component#dispose 까지 정리되지 않습니다!

매개 변수 :
이름 유형 설명
ID 숫자

지울 rAF ID입니다. Component#requestAnimationFrame 의 반환 값입니다.
반환:
번호 -

지워진 rAF ID를 반환합니다.

재정의:
참조:

cancelNamedAnimationFrame (이름)
component.js , 라인 1573

현재 명명된 애니메이션 프레임이 있는 경우 이를 취소합니다.

매개 변수 :
이름 유형 설명
이름 끈

취소할 requestAnimationFrame의 이름입니다.
재정의:

cancelVideoFrameCallback (ID)
tech/html5.js , 라인 767

기본 또는 대체 요청VideoFrameCallback

매개 변수 :
이름 유형 설명
ID 숫자

취소할 요청 ID
재정의:

어린이 () → {배열}
component.js , 386행

모든 자식 구성 요소의 배열 가져오기

반환:
어레이 -

아이들

재정의:

cleanupAutoTextTracks ()
tech/tech.js , 라인 424

자동 가비지 수집 플래그가 지정된 addRemoteTextTrack을 통해 추가된 모든 TextTrack을 제거합니다.

재정의:

clearInterval (간격 ID) → {숫자}
component.js , 라인 1477

window.setInterval 또는 Component#setInterval을 통해 생성되는 간격을 지웁니다. Component#setInterval을 통해 간격을 설정하는 경우 window.clearInterval 대신 이 함수를 사용하십시오. 그렇지 않으면 dispose 리스너가 Component#dispose 까지 정리되지 않습니다!

매개 변수 :
이름 유형 설명
간격 ID 숫자

지울 간격의 ID입니다. Component#setInterval 또는 window.setInterval 의 반환 값입니다.

반환:
번호 -

지워진 간격 ID를 반환합니다.

재정의:
참조:

clearTimeout (timeoutId) → {숫자}
component.js , 라인 1421

window.setTimeout 또는 Component#setTimeout 을 통해 생성되는 제한 시간을 지웁니다. Component#setTimeout을 통해 타임아웃을 설정했다면 window.clearTimout 대신 이 함수를 사용하세요. 그렇지 않으면 dispose 리스너가 Component#dispose 까지 정리되지 않습니다!

매개 변수 :
이름 유형 설명
timeoutId 숫자

지울 제한 시간의 ID입니다. Component#setTimeout 또는 window.setTimeout 의 반환 값입니다.

반환:
번호 -

지워진 시간 제한 ID를 반환합니다.

재정의:
참조:

clearTracks (유형)
tech/tech.js , 라인 402

단일 TrackList 또는 이름이 지정된 TrackList 배열을 지웁니다.

참고: 소스 핸들러가 없는 기술자는 동영상 소스 간에 이것을 호출해야 합니다. & 오디오 트랙. 당신은 트랙 사이에 사용하고 싶지 않아!

매개 변수 :
이름 유형 설명
유형 정렬.< 끈> | 끈

지울 TrackList 이름, 유효한 이름은 video , audio 및 text 입니다.

재정의:

contentEl () → {요소}
component.js , 라인 355

Component 의 DOM 요소를 반환합니다. 이것은 아이들이 삽입되는 곳입니다. 이것은 일반적으로 Component#el 에 반환된 요소와 동일합니다.

반환:
요소 -

이 Component 의 콘텐츠 요소입니다.

재정의:

컨트롤 () → {부울}
tech/html5.js , 라인 1481

미디어 요소에서 컨트롤 값을 가져옵니다. 컨트롤은 기본 미디어 컨트롤을 표시할지 숨길지 여부를 나타냅니다.

반환:
부울 -
  • 미디어 요소의 컨트롤 값입니다. - True는 기본 컨트롤이 표시되어야 함을 나타냅니다. - False는 기본 컨트롤을 숨겨야 함을 나타냅니다.
참조:

createEl () → {요소}
tech/html5.js , 364행

Html5 Tech의 DOM 요소를 만듭니다.

반환:
요소 -

생성되는 요소입니다.

재정의:

createRemoteTextTrack (옵션) → { HTMLTrackElement }
tech/html5.js , 라인 881

featuresNativeTextTracks 의 값에 따라 기본 TextTrack 또는 에뮬레이트된 TextTrack을 생성합니다.

매개 변수 :
이름 유형 설명
옵션 물체

객체는 TextTrack을 초기화하는 옵션을 포함해야 합니다.

속성
이름 유형 속성 설명
친절한 끈 <선택 과목>

TextTrack 종류(자막, 캡션, 설명, 장 또는 메타데이터).
상표 끈 <선택 과목>

텍스트 트랙을 식별하는 레이블
언어 끈 <선택 과목>

두 글자 언어 약어.
기본 부울 <선택 과목>

이 트랙을 기본적으로 켜십시오.
ID 끈 <선택 과목>

이 트랙을 할당할 내부 ID입니다.
소스 끈 <선택 과목>

트랙의 소스 URL입니다.
반환:
HTMLTrackElement -

생성되는 트랙 요소입니다.

재정의:

crossOrigin () → {문자열}
tech/html5.js , 라인 1881

미디어 요소에서 crossOrigin 값을 가져옵니다. crossOrigin은 다른 자산/재생 목록에 대한 요청과 함께 쿠키를 전송해야 하는 브라우저를 나타냅니다.

반환:
문자열 -
  • 익명은 미디어가 쿠키를 보내지 않아야 함을 나타냅니다. - use-credentials는 미디어가 요청과 함께 쿠키를 전송해야 함을 나타냅니다.
재정의:
참조:

currentDimension (widthOrHeight) → {숫자}
component.js , 라인 1077

구성요소 요소의 계산된 너비 또는 높이를 가져옵니다.

window.getComputedStyle 을 사용합니다.

매개 변수 :
이름 유형 설명
너비 또는 높이 끈

'너비' 또는 '높이'를 포함하는 문자열. 당신이 얻고 싶은 것.
반환:
번호 -

요청되는 차원 또는 해당 차원에 대해 아무 것도 설정되지 않은 경우 0입니다.

재정의:

currentDimensions () → { Component~DimensionObject }
component.js , 라인 1123

구성요소 요소의 계산된 너비 및 높이 값을 포함하는 객체를 가져옵니다.

window.getComputedStyle 을 사용합니다.

반환:
Component~DimensionObject -

구성요소 요소의 계산된 치수입니다.

재정의:

현재 높이 () → {숫자}
component.js , 라인 1150

구성요소 요소의 계산된 높이를 가져옵니다.

window.getComputedStyle 을 사용합니다.

반환:
번호 -

구성요소 요소의 계산된 높이입니다.

재정의:

currentSrc () → { Tech~SourceObject }
tech/html5.js , 라인 813

HTML5 Tech에서 현재 소스를 가져옵니다. HTML5 미디어 요소에서 소스를 반환하도록 폴백합니다.

반환:
Tech~SourceObject -

HTML5 기술의 현재 소스 개체입니다. 요소 소스로 대체합니다.

현재 시간 () → {숫자}
tech/html5.js , 라인 1635

미디어 요소에서 currentTime 값을 가져옵니다. currentTime은 미디어가 재생 중인 현재 초를 나타냅니다.

반환:
번호 -

미디어 요소의 currentTime 값입니다.

참조:

전류폭 () → {숫자}
component.js , 라인 1138

구성요소 요소의 계산된 너비를 가져옵니다.

window.getComputedStyle 을 사용합니다.

반환:
번호 -

구성요소 요소의 계산된 너비입니다.

재정의:

defaultMuted () → {부울}
tech/html5.js , 라인 1451

미디어 요소에서 defaultMute 값을 가져옵니다. defaultMuted는 미디어가 음소거 상태로 시작되어야 하는지 여부를 나타냅니다. 미디어의 기본 상태만 변경합니다. muted 및 defaultMuted는 다른 값을 가질 수 있습니다. Html5#muted는 현재 상태를 나타냅니다.

반환:
부울 -
  • 미디어 요소의 defaultMute 값입니다. - True는 미디어가 음소거 상태로 시작되어야 함을 나타냅니다. - False는 미디어가 음소거 상태로 시작되지 않아야 함을 나타냅니다.
참조:

defaultPlaybackRate () → {숫자}
tech/html5.js , 라인 1775

미디어 요소에서 defaultPlaybackRate 값을 가져옵니다. defaultPlaybackRate는 미디어가 현재 재생되는 속도를 나타냅니다. 이 값은 재생이 시작된 후 현재 playbackRate를 나타내지 않습니다. Html5#playbackRate를 사용하십시오.

예:

  • defaultPlaybackRate가 2로 설정되면 미디어가 두 배 빠르게 재생됩니다.
  • defaultPlaybackRate가 0.5로 설정되면 미디어가 절반 속도로 재생됩니다.
반환:
번호 -

미디어 요소의 defaultPlaybackRate 값입니다. 미디어의 현재 재생 속도를 나타내는 숫자입니다. 여기서 1은 정상 속도입니다.

참조:

치수 (widthOrHeight, num opt , skipListeners opt ) → {숫자}
component.js , 라인 1014

Component 요소의 너비 또는 높이를 가져오거나 설정합니다. 이것은 Component#width 및 Component#height 에 대한 공유 코드입니다.

알아야 할 사항:

  • 숫자의 너비 또는 높이인 경우 'px'가 뒤에 붙은 숫자를 반환합니다.
  • 너비/높이가 퍼센트인 경우 '%'가 뒤에 붙은 퍼센트를 반환합니다.
  • 숨겨진 요소의 너비는 window.getComputedStyle 로 0입니다. 이 함수는 기본적으로 Component 의 style.width를 사용하고 window.getComputedStyle을 사용합니다. 자세한 내용은 이것을 참조하십시오
  • 구성 요소의 계산된 스타일을 원하면 Component#currentWidth 및 {Component#currentHeight를 사용합니다.
매개 변수 :
이름 유형 속성 설명
너비 또는 높이 끈

8 '너비' 또는 '높이'
숫자 번호 | 끈 <선택 과목>

8 새로운 차원
skipListeners 부울 <선택 과목>

componentresize 이벤트 트리거 건너뛰기
화재:
반환:
번호 -

얻을 때 차원 또는 설정되지 않은 경우 0

재정의:

치수 (너비, 높이)
component.js , 라인 980

Component 요소의 너비와 높이를 동시에 설정합니다.

매개 변수 :
이름 유형 설명
폭 번호 | 끈

Component 요소를 설정할 너비입니다.
신장 번호 | 끈

Component 요소를 설정할 높이입니다.
재정의:

disablePictureInPicture () → {부울}
tech/html5.js , 라인 1793

video 요소에서 'disablePictureInPicture' 값을 가져옵니다.

반환:
부울 -

값 - 동영상 요소의 disablePictureInPicture 값입니다. - True는 비디오가 Picture-In-Picture 모드에서 재생될 수 없음을 나타냅니다. - False는 비디오가 Picture-In-Picture 모드에서 재생될 수 있음을 나타냅니다.

재정의:
참조:

처분 ()
tech/html5.js , 라인 125

HTML5 미디어 요소를 폐기하고 모든 트랙을 제거합니다.

재정의:

기간 () → {숫자}
tech/html5.js , 라인 580

HTML5 미디어 요소의 현재 재생 시간을 가져옵니다.

반환:
번호 -

미디어의 지속 시간 또는 지속 시간이 없는 경우 0입니다.

엘 () → {요소}
component.js , 라인 248

Component 의 DOM 요소 가져오기

반환:
요소 -

이 Component 의 DOM 요소입니다.

재정의:

EmulateTextTracks ()
tech/tech.js , 라인 655

텍스트 트랙 에뮬레이션

재정의:

enableTouchActivity ()
component.js , 라인 1320

이 기능은 터치 이벤트가 발생할 때마다 사용자 활동을 보고합니다. 이것은 터치 이벤트가 다른 방식으로 작동하기를 원하는 하위 구성 요소에 의해 꺼질 수 있습니다.

터치 이벤트가 발생할 때 사용자 터치 활동을 보고합니다. 컨트롤을 표시하거나 숨길 시기를 결정하는 데 사용자 활동이 사용됩니다. 모든 마우스 이벤트가 컨트롤을 표시해야 하므로 마우스 이벤트에 관해서는 간단합니다. 그래서 우리는 플레이어에게 버블링되는 마우스 이벤트를 캡처하고 그런 일이 발생할 때 활동을 보고합니다. 터치 이벤트를 사용하면 touchstart 및 touchend 토글 플레이어 컨트롤만큼 쉽지 않습니다. 따라서 터치 이벤트는 플레이어 수준에서도 도움이 되지 않습니다.

사용자 활동은 비동기식으로 확인됩니다. 그래서 일어날 수 있는 일은 비디오의 탭 이벤트가 컨트롤을 끄는 것입니다. 그런 다음 touchend 이벤트가 플레이어에게 거품을 일으킵니다. 사용자 활동을 보고하면 제어 기능이 다시 켜집니다. 또한 터치 이벤트가 버블링되는 것을 완전히 차단하고 싶지 않습니다. 또한 touchmove 이벤트 및 탭 이외의 이벤트는 컨트롤을 다시 켜서는 안 됩니다.

이벤트 수신:
  • Component#event:touchstart
  • Component#event:touchmove
  • Component#event:touchend
  • Component#event:touchcancel
재정의:

종료 () → {부울}
tech/html5.js , 라인 1746

미디어 요소에서 종료 값을 가져옵니다. 종료 됨은 미디어가 끝에 도달했는지 여부를 나타냅니다.

반환:
부울 -
  • 미디어 요소에서 종료된 값입니다. - True는 미디어가 종료되었음을 나타냅니다. - False는 미디어가 종료되지 않았음을 나타냅니다.
참조:

enterFullScreen ()
tech/html5.js , 라인 693

HTML5 Tech가 전체 화면으로 전환하도록 요청합니다.

오류 () → { MediaError |null}
tech/html5.js , 라인 1705

미디어 요소에서 오류 값을 가져옵니다. 오류는 재생 중에 발생할 수 있는 모든 MediaError를 나타냅니다. 오류가 null을 반환하면 현재 오류가 없습니다.

반환:
미디어 오류 | 널 -

미디어 요소의 오류 값입니다. 현재 오류가 있으면 MediaError 가 되고 그렇지 않으면 null이 됩니다.

재정의:
참조:

풀스크린 종료 ()
tech/html5.js , 라인 723

HTML5 Tech가 전체 화면을 종료하도록 요청합니다.

초점 ()
component.js , 라인 1157

이 구성 요소에 초점 설정

재정의:

getAttribute (속성) → {string|null}
component.js , 라인 904

Component 요소의 속성 값을 가져옵니다.

매개 변수 :
이름 유형 설명
기인하다 끈

값을 가져올 속성의 이름입니다.
반환:
문자열 | 널 -
  • 요청된 속성의 값입니다. - 속성이 존재하지 않거나 값이 없는 경우 일부 브라우저에서 빈 문자열이 될 수 있습니다. - 속성이 존재하지 않거나 값이 없는 경우 대부분의 브라우저는 null을 반환합니다.
재정의:
참조:

getChild (이름) → { 구성요소 |정의되지 않음}
component.js , 라인 412

주어진 이름을 가진 자식 Component를 반환합니다.

매개 변수 :
이름 유형 설명
이름 끈

가져올 자식 구성 요소 의 이름입니다.
반환:
구성요소 | 정의되지 않은 -

지정된 이름 또는 정의되지 않은 자식 구성 요소 입니다.

재정의:

getChildById (id) → { 구성요소 |정의되지 않음}
component.js , 399행

주어진 id 를 가진 자식 Component를 반환합니다.

매개 변수 :
이름 유형 설명
ID 끈

가져올 자식 구성 요소 의 ID입니다.
반환:
구성요소 | 정의되지 않은 -

주어진 id 또는 정의되지 않은 자식 구성 요소 입니다.

재정의:

getDescendant (…이름) → { 구성 요소 |정의되지 않음}
component.js , 라인 434

주어진 자손 이름 뒤에 오는 자손 Component를 반환합니다. 예를 들어 ['foo', 'bar', 'baz']는 현재 구성 요소에서 'foo', 'foo' 구성 요소에서 'bar', 'bar' 구성 요소에서 'baz'를 가져오려고 시도하고 다음과 같은 경우 정의되지 않음을 반환합니다. 그 중 하나도 존재하지 않습니다.

매개 변수 :
이름 유형 속성 설명
이름 ...정렬.< 끈> | 끈 <반복 가능>

가져올 자식 구성 요소 의 이름입니다.
반환:
구성요소 | 정의되지 않은 -

지정된 하위 이름을 따르거나 정의되지 않은 하위 구성 요소 입니다.

재정의:

getVideoPlaybackQuality () → {객체}
tech/html5.js , 라인 962

W3C의 미디어 재생 품질 API에서 지정한 대로 사용 가능한 미디어 재생 품질 메트릭을 가져옵니다.

반환:
객체 -

지원되는 미디어 재생 품질 메트릭이 있는 객체

재정의:
참조:

handleKeyDown (이벤트)
component.js , 라인 1175

이 구성 요소가 처리하지 않는 keydown 이벤트를 수신하면 이벤트를 플레이어에 전달하여 처리합니다.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이 함수를 호출한 keydown 이벤트입니다.
재정의:

handleKeyPress (이벤트)
component.js , 라인 1196

많은 구성 요소에 handleKeyPress 메서드가 있었는데, 이 메서드는 keydown 이벤트를 수신했기 때문에 제대로 이름이 지정되지 않았습니다. 이 메서드 이름은 이제 handleKeyDown 에 위임됩니다. 즉, handleKeyPress를 호출하는 사람은 메서드 호출이 중지되는 것을 볼 수 없습니다.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이 함수를 호출한 이벤트입니다.
재정의:

추상 핸들 언어 변경 ()
component.js , 346행

구성 요소에서 플레이어의 언어 변경을 처리합니다. 하위 구성요소에 의해 재정의되어야 합니다.

재정의:

handleLateInit_ () → {정의되지 않음}
tech/html5.js , 라인 451

이것은 videojs가 준비되기 전에 loadstart 이벤트가 이미 실행된 경우 트리거됩니다. 이것이 발생할 수 있는 두 가지 알려진 예는 다음과 같습니다.

  1. 로드를 시작한 후 재생 개체를 로드하는 경우
  2. 미디어는 이미 (종종 자동 재생이 켜진 상태에서) 재생되고 있습니다.

이 함수는 videojs가 따라잡을 수 있도록 다른 loadstart를 실행합니다.

화재:
  • Tech#event:loadstart
반환:
정의되지 않은 -

아무것도 반환하지 않습니다.

hasClass (classToCheck) → {부울}
component.js , 라인 814

구성 요소의 요소에 CSS 클래스 이름이 있는지 확인하십시오.

매개 변수 :
이름 유형 설명
classToCheck 끈

확인할 CSS 클래스 이름입니다.
반환:
부울 -
  • 구성 요소 에 클래스가 있으면 참입니다. - 구성 요소 에 클래스가 없는 경우 False
재정의:

키 () → {숫자}
tech/html5.js , 라인 625

HTML5 미디어 요소의 현재 높이를 가져옵니다.

반환:
번호 -

HTML5 미디어 요소의 높이입니다.

재정의:

숨기기 ()
component.js , 라인 865

현재 표시되고 있는 경우 'vjs-hidden' 클래스 이름을 추가하여 Component 요소를 숨깁니다.

재정의:

아이디 () → {문자열}
component.js , 라인 365

이 구성 요소 의 ID 가져오기

반환:
문자열 -

이 구성요소 의 ID

재정의:

초기화 어린이 ()
component.js , 라인 592

옵션에 따라 기본 자식 Component 를 추가하고 초기화합니다.

재정의:

initTrackListeners ()
tech/tech.js , 라인 551

VideoTrackList , {AudioTrackList 및 TextTrackList 이벤트에 대한 리스너를 켭니다.

이렇게 하면 addtrack 및 removetrack 에 대한 EventTarget~EventListeners가 추가됩니다.

화재:
재정의:

isDisposed () → {부울}
component.js , 라인 208

이 구성 요소가 폐기되었는지 확인하십시오.

반환:
부울 -

구성 요소가 삭제된 경우 true 가 됩니다. 그렇지 않으면 false 입니다 .

재정의:

로드 ()
tech/html5.js , 라인 2040

미디어 요소 로드 기능을 둘러싼 래퍼입니다. 그러면 HTML5 의 미디어 요소 로드 기능이 호출됩니다.

참조:

현지화 (문자열, 토큰 선택 , defaultValue 선택 ) → {문자열}
component.js , 309행

주어진 문자열을 영어로 현지화합니다.

토큰이 제공되면 제공된 문자열에서 간단한 토큰 교체를 시도하고 실행합니다. 찾는 토큰은 인덱스가 토큰 배열에 1인덱스가 있는 {1} 과 같습니다.

defaultValue 가 제공되면 제공된 언어 파일에서 값을 찾을 수 없는 경우 문자열을 통해 이를 사용합니다. 이는 토큰 교체를 위한 설명 키가 필요하지만 간결한 현지화된 문자열이 있고 en.json을 포함할 필요가 없는 경우에 유용합니다.

현재 진행률 표시줄 타이밍에 사용됩니다.

{
  "진행률 표시줄 타이밍: currentTime={1} duration={2}": "{1}/{2}"
}

그런 다음 다음과 같이 사용됩니다.

this.localize('진행률 표시줄 타이밍: currentTime={1} duration{2}',
              [this.player_.currentTime(), this.player_.duration()],
              {2} 중 '{1}');

다음과 같이 출력됩니다. 01:23/24:56 .

매개 변수 :
이름 유형 속성 설명
끈 끈

지역화할 문자열과 언어 파일에서 조회할 키입니다.
토큰 정렬.< 끈> <선택 과목>

현재 항목에 대체 토큰이 있는 경우 여기에 토큰을 제공하십시오.
기본값 끈 <선택 과목>

기본값은 string 입니다. 별도의 조회 키가 필요한 경우 토큰 대체에 사용할 기본값이 될 수 있습니다.
반환:
문자열 -

현지화된 문자열 또는 현지화가 없는 경우 영어 문자열입니다.

재정의:

루프 () → {부울}
tech/html5.js , 라인 1495

미디어 요소에서 루프 값을 가져옵니다. 루프는 미디어가 미디어의 시작 부분으로 돌아가서 끝에 도달하면 계속 재생해야 함을 나타냅니다.

반환:
부울 -
  • 미디어 요소의 루프 값입니다. - True는 미디어 끝에 도달하면 재생이 다시 시작되어야 함을 나타냅니다. - False는 미디어 끝에 도달했을 때 재생이 시작 부분으로 돌아가지 않아야 함을 나타냅니다.
참조:

manualProgressOff ()
tech/tech.js , 218행

다음을 위해 폴리필을 끕니다. 진전에서 생성된 이벤트 Tech#manualProgressOn

재정의:

manualProgressOn ()
tech/tech.js , 라인 205

기본적으로 지원하지 않는 브라우저의 경우 진행 이벤트를 폴리필합니다.

재정의:
참조:

manualTimeUpdatesOff ()
tech/tech.js , 324행

다음을 위해 폴리필을 끕니다. 시간 업데이트에서 생성된 이벤트 Tech#manualTimeUpdatesOn

재정의:

manualTimeUpdatesOn ()
tech/tech.js , 313행

지원하지 않는 브라우저에 대해서는 timeupdate 이벤트를 폴리필하십시오.

재정의:
참조:

음소거 () → {부울}
tech/html5.js , 라인 1437

미디어 요소에서 음소거 값을 가져옵니다. muted는 미디어 볼륨을 무음으로 설정해야 함을 나타냅니다. 이것은 실제로 볼륨 속성을 변경하지 않습니다.

반환:
부울 -
  • 볼륨 값을 무시하고 오디오를 무음으로 설정해야 하는 경우 참입니다. - 볼륨 값을 사용해야 하는 경우 False입니다.
참조:

이름 () → {문자열}
component.js , 376행

구성 요소 의 이름을 가져옵니다. 이름은 구성 요소를 참조하는 데 사용되며 등록 중에 설정됩니다.

반환:
문자열 -

이 Component 의 이름입니다.

재정의:

networkState () → {숫자}
tech/html5.js , 라인 1819

미디어 요소에서 networkState 값을 가져옵니다. networkState는 현재 네트워크 상태를 나타냅니다. 다음 목록에서 열거형을 반환합니다.

  • 0: NETWORK_EMPTY
  • 1: 네트워크_유휴
  • 2: 네트워크_로딩
  • 3: NETWORK_NO_SOURCE
반환:
번호 -

미디어 요소의 networkState 값입니다. 이것은 설명의 목록에 있는 숫자입니다.

참조:

onDurationChange (이벤트)
tech/tech.js , 272행

Tech#duration을 호출하여 durationchange 이벤트에서 내부 기간을 업데이트합니다.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이것을 실행하게 만든 durationchange 이벤트입니다.
이벤트 수신:
  • 기술#이벤트:기간변경
재정의:

옵션 (obj) → {객체}
component.js , 233행

옵션 개체를 새 옵션과 완전히 병합합니다.

참고: obj 와 options 모두 값이 개체인 속성을 포함하는 경우. 두 속성은 module:mergeOptions를 사용하여 병합됩니다.

매개 변수 :
이름 유형 설명
객체 물체

새 옵션을 포함하는 개체입니다.
반환:
객체 -

this.options_ 와 obj 의 새 개체가 함께 병합되었습니다.

재정의:

overrideNativeAudioTracks (재정의)
tech/html5.js , 라인 249

기본 오디오 트랙을 강제로 재정의하려고 시도합니다.

매개 변수 :
이름 유형 설명
우세하다 부울

true로 설정하면 기본 오디오가 무시되고, 그렇지 않으면 기본 오디오가 잠재적으로 사용됩니다.
재정의:

overrideNativeVideoTracks (재정의)
tech/html5.js , 259행

기본 비디오 트랙을 강제로 재정의하려고 시도합니다.

매개 변수 :
이름 유형 설명
우세하다 부울

true로 설정하면 네이티브 비디오가 재정의되고, 그렇지 않으면 네이티브 비디오가 잠재적으로 사용됩니다.
재정의:

일시 중지 ()
tech/html5.js , 라인 2031

미디어 요소 일시 중지 기능을 둘러싼 래퍼입니다. 그러면 HTML5 미디어 요소 일시중지 기능이 호출됩니다.

참조:

일시 중지 () → {부울}
tech/html5.js , 라인 1623

미디어 요소에서 paused 값을 가져옵니다. paused는 미디어 요소가 현재 일시 중지되었는지 여부를 나타냅니다.

반환:
부울 -

미디어 요소에서 일시 중지된 값입니다.

참조:

플레이 ()
tech/html5.js , 라인 2049

미디어 요소 재생 기능을 감싸는 래퍼. 이렇게 하면 HTML5 의 미디어 요소 재생 기능이 호출됩니다.

재정의:
참조:

재생률 () → {숫자}
tech/html5.js , 라인 1760

미디어 요소에서 playbackRate 값을 가져옵니다. playbackRate는 미디어가 현재 재생되는 속도를 나타냅니다. 예:

  • playbackRate가 2로 설정되면 미디어가 두 배 빠르게 재생됩니다.
  • playbackRate가 0.5로 설정되면 미디어가 절반만큼 빠르게 재생됩니다.
반환:
번호 -

미디어 요소의 playbackRate 값입니다. 미디어의 현재 재생 속도를 나타내는 숫자입니다. 여기서 1은 정상 속도입니다.

참조:

재생 () → {TimeRange}
tech/html5.js , 라인 1806

미디어 요소에서 재생된 값을 가져옵니다. 재생은 재생된 미디어 타임라인의 지점을 나타내는 TimeRange 객체를 반환합니다.

반환:
시간 범위 -

미디어 요소에서 재생되는 값입니다. 재생된 시간 범위를 나타내는 TimeRange 개체입니다.

재정의:
참조:

플레이어 () → { 플레이어 }
component.js , 라인 218

반환플레이어그요소에 첨부했습니다.

반환:
플레이어 -

이 구성 요소 가 연결된 플레이어입니다.

재정의:

playinline () → {부울}
tech/html5.js , 라인 1512

미디어 요소에서 playinline 값을 가져옵니다. playinline은 iOS Safari와 같이 전체 화면 재생이 기본 기본값일 때 전체 화면이 아닌 재생이 선호됨을 브라우저에 나타냅니다.

반환:
부울 -
  • 미디어 요소의 playinline 값입니다. - True는 미디어가 인라인으로 재생되어야 함을 나타냅니다. - False는 미디어가 인라인으로 재생되지 않아야 함을 나타냅니다.
재정의:
참조:

포스터 () → {string}
tech/html5.js , 라인 1673

미디어 요소에서 포스터 의 값을 가져옵니다. poster는 사용 가능한 미디어 데이터가 없을 때 표시될 수 있거나 표시될 이미지 파일의 URL을 나타냅니다.

반환:
문자열 -

미디어 요소의 포스터 값입니다. 값은 이미지의 URL이 됩니다.

참조:

미리 로드 () → {문자열}
tech/html5.js , 라인 1686

미디어 요소에서 사전 로드 값을 가져옵니다. preload는 미디어가 상호 작용하기 전에 다운로드해야 하는 항목을 나타냅니다. 다음 값을 가질 수 있습니다.

  • 없음: 아무것도 다운로드하지 않아야 합니다.
  • 메타데이터: 미디어 크기 및 기타 메타데이터를 얻기 위해 포스터와 미디어의 처음 몇 프레임을 다운로드할 수 있습니다.
  • 자동: 상호 작용 전에 미디어 및 미디어에 대한 메타데이터를 다운로드할 수 있도록 허용합니다.
반환:
문자열 -

미디어 요소의 사전 로드 값입니다. '없음', '메타데이터' 또는 '자동'입니다.

참조:

준비 () → { 구성 요소 }
component.js , 라인 709

리스너를 구성 요소의 준비 상태에 바인딩합니다. ready 이벤트가 이미 발생한 경우 즉시 함수를 트리거한다는 점에서 이벤트 리스너와 다릅니다.

반환:
구성요소 -

자신을 반환합니다. 메서드를 연결할 수 있습니다.

재정의:

readyState () → {숫자}
tech/html5.js , 라인 1836

미디어 요소에서 readyState 값을 가져옵니다. readyState는 미디어 요소의 현재 상태를 나타냅니다. 다음 목록에서 열거형을 반환합니다.

  • 0: 아무것도 가지고 있지 않다
  • 1: HAVE_METADATA
  • 2: HAVE_CURRENT_DATA
  • 3: HAVE_FUTURE_DATA
  • 4: HAVE_ENOUGH_DATA
반환:
번호 -

미디어 요소의 readyState 값입니다. 이것은 설명의 목록에 있는 숫자입니다.

참조:

remoteTextTrackEls () → { HtmlTrackElementList }
tech/tech.js , 라인 1097

원격 요소 HtmlTrackElementList 가져오기

반환:
HtmlTrackElementList
재정의:

remoteTextTracks () → { TextTrackList }
tech/tech.js , 라인 1090

원격 요소 TextTrackList 가져오기

반환:
TextTrackList
재정의:

removeAttribute (속성)
component.js , 라인 931

Component 의 요소에서 속성을 제거합니다.

매개 변수 :
이름 유형 설명
기인하다 끈

제거할 속성의 이름입니다.
재정의:
참조:

removeChild (구성 요소)
component.js , 라인 553

이 Component 의 자식 목록에서 자식 Component를 제거합니다. 또한 이 Component 요소에서 하위 Component 요소를 제거합니다.

매개 변수 :
이름 유형 설명
요소 요소

제거할 자식 Component 입니다.
재정의:

removeClass (classToRemove)
component.js , 라인 834

Component 요소에서 CSS 클래스 이름을 제거합니다.

매개 변수 :
이름 유형 설명
제거할 클래스 끈

제거할 CSS 클래스 이름
재정의:

removeRemoteTextTrack (트랙)
tech/html5.js , 라인 937

TextTrackList 개체에서 원격 TextTrack 제거

매개 변수 :
이름 유형 설명
길 TextTrack

제거할 TextTrack 개체
재정의:

requestAnimationFrame (fn) → {숫자}
component.js , 라인 1511

requestAnimationFrame(rAF)에 전달할 콜백을 대기하지만 몇 가지 추가 보너스가 있습니다.

  • Component#setTimeout 으로 폴백하여 rAF를 지원하지 않는 브라우저를 지원합니다.

  • 콜백은 Component~GenericCallback 으로 바뀝니다(즉, 구성 요소에 바인딩됨).

  • 구성 요소가 호출되기 전에 삭제되면 rAF 콜백의 자동 취소가 처리됩니다.

매개 변수 :
이름 유형 설명
fn 구성요소~GenericCallback

이 구성 요소에 바인딩되어 브라우저의 다음 다시 그리기 직전에 실행되는 함수입니다.
이벤트 수신:
반환:
번호 -

제한 시간을 식별하는 데 사용되는 rAF ID를 반환합니다. 애니메이션 프레임 콜백을 취소하기 위해 Component#cancelAnimationFrame 에서 사용할 수도 있습니다.

재정의:
참조:

requestNamedAnimationFrame (이름, fn)
component.js , 라인 1547

애니메이션 프레임을 요청하지만 이름이 지정된 애니메이션 프레임 하나만 대기열에 추가됩니다. 이전 항목이 완료될 때까지 다른 항목이 추가되지 않습니다.

매개 변수 :
이름 유형 설명
이름 끈

이 requestAnimationFrame에 제공할 이름
fn 구성요소~GenericCallback

이 구성 요소에 바인딩되어 브라우저의 다음 다시 그리기 직전에 실행되는 함수입니다.
재정의:

requestPictureInPicture () → {약속}
tech/html5.js , 라인 742

사용자가 장치에서 다른 콘텐츠 사이트 또는 응용 프로그램과 상호 작용하는 동안 미디어를 계속 소비할 수 있도록 항상 다른 창 위에 플로팅 비디오 창을 만듭니다.

반환:
약속 -

Picture-in-Picture 창과의 약속.

재정의:
참조:

requestVideoFrameCallback (cb) → {숫자}
tech/html5.js , 라인 755

기본 requestVideoFrameCallback(브라우저/기술에서 지원하는 경우 또는 폴백) DRM이 재생 중일 때 Safari에서 rVCF를 사용하지 마십시오. 생성자보다 나중에 확인해야 합니다. Fairplay 후에 로드된 명확한 소스에 대해 거짓 긍정이 됩니다. 원천

매개 변수 :
이름 유형 설명
cb 기능

호출하는 함수
반환:
번호 -

요청 ID

재정의:

리셋 ()
tech/html5.js , 라인 801

모든 소스를 제거한 다음 Html5.resetMediaElement를 호출하여 기술을 재설정합니다.

재정의:

스크러빙 () → {부울}
tech/html5.js , 라인 551

우리가 문지르고 있는지 여부를 확인하십시오.

반환:
부울 -

isScrubbing - 현재 스크러빙 중인 경우 true - 더 이상 스크러빙하지 않는 경우 false

재정의:

탐색 가능 () → {TimeRange}
tech/html5.js , 라인 1733

미디어 요소에서 seekable 값을 가져옵니다. seekable은 현재 탐색 할 수 있는 시간 범위를 나타내는 TimeRange 객체를 반환합니다.

반환:
시간 범위 -

미디어 요소에서 검색 가능한 값입니다. 탐색할 수 있는 현재 시간 범위를 나타내는 TimeRange 개체입니다.

참조:

탐색 () → {부울}
tech/html5.js , 라인 1719

미디어 요소에서 찾는 값을 가져옵니다. 추구는 미디어가 현재 새로운 위치를 찾고 있는지 여부를 나타냅니다.

반환:
부울 -
  • 미디어 요소에서 찾는 값입니다. - True는 미디어가 현재 새로운 위치를 찾고 있음을 나타냅니다. - False는 현재 미디어가 새로운 위치를 찾고 있지 않음을 나타냅니다.
참조:

setAttribute (속성, 값)
component.js , 라인 919

Component 요소의 속성 값 설정

매개 변수 :
이름 유형 설명
기인하다 끈

설정할 속성의 이름입니다.
값 끈

속성을 설정할 값입니다.
재정의:
참조:

setAutoplay (자동 재생)
tech/html5.js , 라인 1563

미디어 요소에서 자동 재생 값을 설정합니다. 자동 재생은 페이지가 준비되는 즉시 미디어 재생을 시작해야 함을 나타냅니다.

매개 변수 :
이름 유형 설명
자동 재생 부울
  • True는 페이지가 로드되는 즉시 미디어가 시작되어야 함을 나타냅니다. - False는 페이지가 로드되자마자 미디어가 시작되지 않아야 함을 나타냅니다.
참조:

setControls (값)
tech/html5.js , 라인 826

HTML5 미디어 요소에 대한 컨트롤 속성을 설정합니다.

매개 변수 :
이름 유형 설명
값 끈

컨트롤 속성을 설정할 값

setCrossOrigin (크로스오리진)
tech/html5.js , 라인 2008

media 요소에서 crossOrigin 값을 설정합니다. crossOrigin은 다른 자산/재생 목록에 대한 요청과 함께 쿠키를 전송해야 하는 브라우저를 나타냅니다.

매개 변수 :
이름 유형 설명
크로스오리진 끈
  • 익명은 미디어가 쿠키를 보내지 않아야 함을 나타냅니다. - use-credentials는 미디어가 요청과 함께 쿠키를 전송해야 함을 나타냅니다.
재정의:
참조:

setCurrentTime (초)
tech/html5.js , 라인 561

HTML5 기술의 현재 시간을 설정합니다.

매개 변수 :
이름 유형 설명
초 숫자

미디어의 현재 시간을 이것으로 설정합니다.
재정의:

setDefaultMuted (기본음소거됨)
tech/html5.js , 라인 1550

미디어 요소에 defaultMute 값을 설정합니다. defaultMuted는 현재 오디오 레벨이 무음이어야 함을 나타내지만 처음 재생 시 음소거된 레벨에만 영향을 미칩니다.

매개 변수 :
이름 유형 설명
기본음소거됨 부울
  • 오디오를 무음으로 설정해야 하는 경우 True - 그렇지 않은 경우 False
참조:

setDefaultPlaybackRate () → {숫자}
tech/html5.js , 라인 1978

미디어 요소에서 defaultPlaybackRate 값을 설정합니다. defaultPlaybackRate는 미디어가 초기 시작 시 재생되어야 하는 속도를 나타냅니다. 동영상이 시작된 후 이 값을 변경해도 아무 효과가 없습니다. 대신 Html5#setPlaybackRate 를 사용해야 합니다.

예제 값:

  • playbackRate가 2로 설정되면 미디어가 두 배 빠르게 재생됩니다.
  • playbackRate가 0.5로 설정되면 미디어가 절반만큼 빠르게 재생됩니다.
반환:
번호 -

미디어 요소의 defaultPlaybackRate 값입니다. 미디어의 현재 재생 속도를 나타내는 숫자입니다. 여기서 1은 정상 속도입니다.

참조:

setDisablePictureInPicture (값)
tech/html5.js , 라인 1996

경우에 따라 브라우저가 Picture-in-Picture 상황에 맞는 메뉴를 제안하거나 자동으로 Picture-in-Picture를 요청하지 못하도록 합니다.

매개 변수 :
이름 유형 설명
값 부울

참값은 Picture-in-Picture 모드를 비활성화합니다.
재정의:
참조:

setInterval (fn, 간격) → {숫자}
component.js , 라인 1450

x 밀리초마다 실행되는 함수를 만듭니다. 이 함수는 window.setInterval을 둘러싼 래퍼입니다. 대신 이것을 사용해야 하는 몇 가지 이유가 있습니다.

  1. 통해 클리어됩니다. 구성요소#clearInterval언제컴포넌트#dispose호출됩니다.
  2. 함수 콜백은 Component~GenericCallback이 됩니다.
매개 변수 :
이름 유형 설명
fn 구성요소~GenericCallback

x 초마다 실행되는 함수입니다.
간격 숫자

지정된 함수를 x 밀리초마다 실행합니다.
이벤트 수신:
반환:
번호 -

간격을 식별하는 데 사용할 수 있는 ID를 반환합니다. 간격을 지우기 위해 Component#clearInterval 에서 사용할 수도 있습니다.

재정의:
참조:

setLoop (루프)
tech/html5.js , 라인 1576

미디어 요소에 루프 값을 설정합니다. 루프는 미디어가 미디어의 시작 부분으로 돌아가서 끝에 도달하면 계속 재생해야 함을 나타냅니다.

매개 변수 :
이름 유형 설명
루프 부울
  • True는 미디어 끝에 도달하면 재생이 다시 시작되어야 함을 나타냅니다. - False는 미디어 끝에 도달했을 때 재생이 시작 부분으로 돌아가지 않아야 함을 나타냅니다.
참조:

setMuted (음소거됨)
tech/html5.js , 라인 1537

미디어 요소에 음소거 값을 설정합니다. muted는 현재 오디오 레벨이 무음이어야 함을 나타냅니다.

매개 변수 :
이름 유형 설명
음소거 부울
  • 오디오를 무음으로 설정해야 하는 경우 True - 그렇지 않은 경우 False
참조:

setPlaybackRate () → {숫자}
tech/html5.js , 라인 1963

미디어 요소의 playbackRate 값을 설정하십시오. playbackRate는 미디어가 재생되어야 하는 속도를 나타냅니다. 예:

  • playbackRate가 2로 설정되면 미디어가 두 배 빠르게 재생됩니다.
  • playbackRate가 0.5로 설정되면 미디어가 절반만큼 빠르게 재생됩니다.
반환:
번호 -

미디어 요소의 playbackRate 값입니다. 미디어의 현재 재생 속도를 나타내는 숫자입니다. 여기서 1은 정상 속도입니다.

참조:

setPlaysinline (플레이신라인)
tech/html5.js , 라인 1592

미디어 요소에서 playinline 값을 설정합니다. playinline은 iOS Safari와 같이 전체 화면 재생이 기본 기본값일 때 전체 화면이 아닌 재생이 선호됨을 브라우저에 나타냅니다.

매개 변수 :
이름 유형 설명
플레이싱라인 부울
  • True는 미디어가 인라인으로 재생되어야 함을 나타냅니다. - False는 미디어가 인라인으로 재생되지 않아야 함을 나타냅니다.
재정의:
참조:

setPoster (포스터)
tech/html5.js , 라인 1931

media 요소에 poster 값을 설정합니다. poster는 사용 가능한 미디어 데이터가 없을 때 표시될 수 있거나 표시될 이미지 파일의 URL입니다.

매개 변수 :
이름 유형 설명
포스터 끈

미디어 요소의 포스터 로 사용해야 하는 이미지의 URL입니다.
재정의:
참조:

setPreload (미리 로드)
tech/html5.js , 라인 1944

미디어 요소에 미리 로드 값을 설정합니다. preload는 미디어가 상호 작용하기 전에 다운로드해야 하는 항목을 나타냅니다. 다음 값을 가질 수 있습니다.

  • 없음: 아무것도 다운로드하지 않아야 합니다.
  • 메타데이터: 미디어 크기 및 기타 메타데이터를 얻기 위해 포스터와 미디어의 처음 몇 프레임을 다운로드할 수 있습니다.
  • 자동: 상호 작용 전에 미디어 및 미디어에 대한 메타데이터를 다운로드할 수 있도록 허용합니다.
매개 변수 :
이름 유형 설명
프리로드 끈

미디어 요소에 설정할 사전 로드 값입니다. '없음', '메타데이터' 또는 '자동'이어야 합니다.
참조:

setScrubbing (isScrubbing)
tech/html5.js , 라인 540

스크러빙 여부를 설정합니다. 이는 fastSeek를 사용해야 하는지 여부를 결정하는 데 사용됩니다. fastSeek 는 Safari 브라우저에서 트릭 플레이를 제공하는 데 사용됩니다.

매개 변수 :
이름 유형 설명
isScrubbing 부울
  • 현재 스크러빙 중인 경우 true - 더 이상 스크러빙하지 않는 경우 false
재정의:

setSrc (src)
tech/html5.js , 라인 1919

미디어 요소에 src 값을 설정합니다. src는 미디어의 현재 Tech~SourceObject를 나타냅니다.

매개 변수 :
이름 유형 설명
소스 Tech~SourceObject

현재 소스로 설정할 소스 개체입니다.
참조:

setTimeout (fn, 타임아웃) → {숫자}
component.js , 라인 1385

x 밀리초 제한 시간 후에 실행되는 함수를 만듭니다. 이 함수는 window.setTimeout 을 둘러싼 래퍼입니다. 대신 이것을 사용하는 몇 가지 이유가 있습니다.

  1. 통해 클리어됩니다. 구성요소#clearTimeout언제컴포넌트#dispose호출됩니다.
  2. 함수 콜백은 Component~GenericCallback 으로 바뀝니다.

참고: 이 함수에서 반환된 ID에는 window.clearTimeout을 사용할 수 없습니다. 이렇게 하면 폐기 리스너가 정리되지 않습니다! 대신 Component#clearTimeout 또는 Component#dispose를 사용하십시오.

매개 변수 :
이름 유형 설명
fn 구성요소~GenericCallback

timeout 후에 실행될 함수입니다.
타임 아웃 숫자

지정된 함수를 실행하기 전에 지연되는 시간 제한(밀리초)입니다.
이벤트 수신:
반환:
번호 -

시간 초과를 식별하는 데 사용되는 시간 초과 ID를 반환합니다. 설정된 시간 제한을 지우기 위해 Component#clearTimeout 에서 사용할 수도 있습니다.

재정의:
참조:

setupSourcesetHandling_ ()
tech/html5.js , 라인 140

소스가 변경될 때 감지할 수 있도록 미디어 요소를 수정합니다. 소스가 변경된 직후에 소스 세트를 실행합니다 .

setVolume (percentAsDecimal)
tech/html5.js , 라인 1906

미디어 요소의 볼륨 값을 설정합니다. 볼륨은 현재 오디오 레벨을 소수점 형식의 백분율로 나타냅니다. 즉, 1은 100%, 0.5는 50% 등을 의미합니다.

매개 변수 :
이름 유형 설명
퍼센트 AsDecimal 숫자

소수점으로 표시되는 볼륨 백분율입니다. 유효한 범위는 0-1입니다.
참조:

보여주다 ()
component.js , 라인 857

Component 요소가 숨겨진 경우 'vjs-hidden' 클래스 이름을 제거하여 표시합니다.

재정의:

src (src 선택 ) → { Tech~SourceObject |미정의}
tech/html5.js , 라인 788

Html5 Tech의 소스 개체에 대한 getter/setter입니다.

참고: Html5#setSource를 사용하십시오.

매개 변수 :
이름 유형 속성 설명
소스 Tech~SourceObject <선택 과목>

HTML5 techs 요소에 설정하려는 소스 개체입니다.
반환:
Tech~SourceObject | 정의되지 않은 -
  • 소스가 전달되지 않은 경우 현재 소스 개체입니다. - 설정 시 정의되지 않음
더 이상 사용되지 않음:
  • 버전 5부터.

stopTrackingCurrentTime ()
tech/tech.js , 361행

에서 생성된 간격 함수를 중지합니다. Tech#trackCurrentTime그래서시간 업데이트더 이상 이벤트가 발생하지 않습니다.

이벤트 수신:
  • {Tech#event:pause}
재정의:

stopTrackingProgress ()
tech/tech.js , 304행

다음을 위해 폴리필을 끕니다. 진전에서 생성된 이벤트 Tech#manualProgressOn에 설정된 간격을 지워 수동으로 진행 이벤트 추적을 중지합니다. Tech#track 진행 상황 .

재정의:

전체 화면 지원 () → {boolean}
tech/html5.js , 678행

현재 재생 장치에서 전체 화면을 지원하는지 확인하십시오.

반환:
부울 -
  • 전체 화면이 지원되는 경우 True입니다. - 전체 화면이 지원되지 않는 경우 False입니다.

textTracks () → { TextTrackList }
tech/tech.js , 라인 1083

TextTrackList 가져오기

반환:
TextTrackList
재정의:

toggleClass (classToToggle, 조건자 선택 )
component.js , 라인 849

구성 요소의 요소에서 CSS 클래스 이름을 추가하거나 제거합니다.

매개 변수 :
이름 유형 속성 설명
클래스투토글 끈

추가하거나 제거할 클래스(@link Component#hasClass}
술부 부울 | 돔~술어 <선택 과목>

Dom~predicate 함수 또는 부울
재정의:

트랙현재시간 ()
tech/tech.js , 338행

현재 시간을 추적하고 250밀리초마다 timeupdate를 트리거하는 간격 기능을 설정합니다.

이벤트 수신:
  • Tech#event:play
재정의:

trackProgress (이벤트)
tech/tech.js , 238행

버퍼링된 백분율이 변경될 때 진행 이벤트를 트리거하는 데 사용됩니다. 버퍼 종료 비율이 변경되었는지 확인하기 위해 500밀리초마다 호출되는 간격 함수를 설정합니다.

이 함수는 Tech#manualProgressOn 에 의해 호출됩니다.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이것을 실행하게 만든 준비 이벤트.
화재:
이벤트 수신:
재정의:

트리거준비 ()
component.js , 라인 733

이 Component 에 대한 모든 준비된 리스너를 트리거합니다.

화재:
재정의:

triggerSourceset (src)
tech/tech.js , 176행

플레이어나 기술이 아직 준비되지 않은 경우 플레이어가 다시 트리거할 수 있는 방식으로 소스 세트를 트리거하는 특수 기능입니다.

매개 변수 :
이름 유형 설명
소스 끈

소스 변경 시점의 소스 문자열입니다.
화재:
재정의:

videoHeight () → {숫자}
tech/html5.js , 라인 1868

video 요소에서 videoHeight 값을 가져옵니다. videoHeight는 비디오의 현재 높이를 css 픽셀로 나타냅니다.

반환:
번호 -

동영상 요소의 videoHeight 값입니다. CSS 픽셀 단위의 숫자입니다.

참조:

videoTracks () → { VideoTrackList }
tech/tech.js , 라인 1069

VideoTrackList 가져오기

반환:
비디오트랙리스트
재정의:

videoWidth () → {숫자}
tech/html5.js , 라인 1855

video 요소에서 videoWidth 값을 가져옵니다. videoWidth는 비디오의 현재 너비를 css 픽셀로 나타냅니다.

반환:
번호 -

동영상 요소의 videoWidth 값입니다. CSS 픽셀 단위의 숫자입니다.

참조:

볼륨 () → {숫자}
tech/html5.js , 라인 1660

미디어 요소에서 볼륨 값을 가져옵니다. 볼륨은 미디어에 대한 오디오의 현재 재생 볼륨을 나타냅니다. 볼륨은 0(무음)에서 1(가장 크고 기본값) 사이의 값입니다.

반환:
번호 -

미디어 요소의 볼륨 값입니다. 값은 0-1 사이입니다.

참조:

너비 () → {숫자}
tech/html5.js , 라인 615

HTML5 미디어 요소의 현재 너비를 가져옵니다.

반환:
번호 -

HTML5 미디어 요소의 너비입니다.

재정의:

정적 canControlPlaybackRate () → {부울}
tech/html5.js , 라인 1128

이 브라우저/장치에서 재생 속도를 변경할 수 있는지 확인하십시오.

반환:
부울 -
  • 재생 속도를 제어할 수 있으면 True - 그렇지 않으면 False

정적 canControlVolume () → {부울}
tech/html5.js , 라인 1063

이 브라우저/장치에서 볼륨을 변경할 수 있는지 확인하십시오. 많은 모바일 장치에서 볼륨을 변경할 수 없습니다. 특히 iOS에서는 1에서 변경할 수 없습니다.

반환:
부울 -
  • 볼륨을 제어할 수 있으면 True - 그렇지 않으면 False

정적 canMuteVolume () → {bolean}
tech/html5.js , 라인 1103

이 브라우저/장치에서 볼륨을 음소거할 수 있는지 확인하십시오. 예를 들어 iOS와 같은 일부 장치는 볼륨 변경을 허용하지 않지만 음소거/음소거 해제는 허용합니다.

반환:
볼린 -
  • 볼륨을 음소거할 수 있는 경우 참
    • 그렇지 않으면 거짓

정적 canOverrideAttributes () → {부울}
tech/html5.js , 라인 1153

Object.defineProperty를 사용하여 비디오/오디오 요소 속성을 재정의할 수 있는지 확인합니다.

반환:
부울 -
  • 내장 속성을 재정의할 수 있으면 True - 그렇지 않으면 False

정적 canPlaySource (srcObj, 옵션) → {string}
tech/html5.js , 라인 1050

기술이 주어진 소스를 지원할 수 있는지 확인

매개 변수 :
이름 유형 설명
srcObj 물체

소스 개체
옵션 물체

기술자에게 전달된 옵션
반환:
문자열 -

'probably', 'maybe' 또는 ''(빈 문자열)

정적 canPlayType (유형) → {string}
tech/html5.js , 라인 1037

기술이 주어진 유형을 지원할 수 있는지 확인

매개 변수 :
이름 유형 설명
유형 끈

확인할 mimetype
반환:
문자열 -

'probably', 'maybe' 또는 ''(빈 문자열)

정적 isSupported () → {부울}
tech/html5.js , 라인 1019

이 브라우저/장치에서 HTML5 미디어를 지원하는지 확인하십시오.

반환:
부울 -
  • HTML5 미디어가 지원되는 경우 True입니다. - HTML5 미디어가 지원되지 않는 경우 False입니다.

정적 supportNativeAudioTracks () → {boolean}
tech/html5.js , 라인 1199

이 브라우저/장치에서 기본 AudioTrack 이 지원되는지 확인하십시오.

반환:
부울 -
  • 네이티브 AudioTrack 이 지원되는 경우 True입니다. - 그렇지 않으면 거짓

정적 supportNativeTextTracks () → {boolean}
tech/html5.js , 라인 1177

이 브라우저/장치에서 기본 TextTrack 을 지원하는지 확인하십시오.

반환:
부울 -
  • 기본 TextTrack 이 지원되는 경우 True입니다. - 그렇지 않으면 거짓

정적 supportNativeVideoTracks () → {boolean}
tech/html5.js , 라인 1188

이 브라우저/장치에서 기본 VideoTrack 을 지원하는지 확인하십시오.

반환:
부울 -
  • 기본 VideoTrack 이 지원되는 경우 True입니다. - 그렇지 않으면 거짓

이벤트

오디오트랙체인지
tech/tech.js , 라인 552

Tech AudioTrackList 에서 트랙이 추가되거나 제거될 때 트리거됩니다.

유형:
재정의:

구성 요소 크기 조정
component.js , 라인 1032

구성 요소의 크기가 조정될 때 트리거됩니다.

유형:
재정의:

처분하다
component.js , 라인 155

구성 요소가 삭제될 때 트리거됩니다.

유형:
속성:
이름 유형 속성 기본값 설명
거품 부울 <선택 과목>
 거짓

dispose 이벤트가 발생하지 않도록 false로 설정
재정의:

진전
tech/tech.js , 246행

Player#progress 참조

유형:
재정의:

준비된
component.js , 라인 750

구성 요소가 준비되면 트리거됩니다.

유형:
재정의:

소스셋
tech/tech.js , 183행

기술에 소스가 설정되어 미디어 요소가 다시 로드될 때 발생합니다.

유형:
재정의:
참조:

수도꼭지
component.js , 라인 1282

구성 요소를 탭하면 트리거됩니다.

유형:
재정의:

텍스트 트랙 변경
tech/tech.js , 566행

Tech TextTrackList 에서 트랙이 추가되거나 제거될 때 트리거됩니다.

유형:
재정의:

시간 업데이트
control-bar/progress-control/seek-bar.js , 라인 368

탐색을 완료하고 시간이 변경되었기 때문에 timeupdate를 트리거합니다. 시간 표시 시간을 맞추기 위해 플레이어가 일시 중지된 경우에 특히 유용합니다.

유형:
재정의:

비디오트랙체인지
tech/tech.js , 559행

Tech VideoTrackList 에서 트랙이 추가되거나 제거될 때 트리거됩니다.

유형:
재정의:

vttjs로드됨
tech/tech.js , 라인 620

vtt.js가 로드될 때 시작됩니다.

유형:
재정의: