플레이어 (태그, 옵션 선택 , 준비 선택 )

Player 클래스의 인스턴스는 Video.js 설정 방법 중 하나를 사용하여 비디오를 초기화할 때 생성됩니다.

인스턴스가 생성된 후에는 두 가지 방법으로 전역적으로 액세스할 수 있습니다.

  1. videojs('example_video_1')를 호출하여;
  2. videojs.players.example_video_1을 통해 직접 사용합니다.

새로운 플레이어 (태그, 옵션 선택 , 준비 선택 )

이 클래스의 인스턴스를 만듭니다.

매개 변수 :
이름 유형 속성 설명
꼬리표 요소

옵션 구성에 사용되는 원본 비디오 DOM 요소입니다.

옵션 물체 <선택 과목>

옵션 이름 및 값의 개체입니다.

준비된 구성요소~ReadyCallback <선택 과목>

콜백 기능 준비.

확장하다

회원

정적 플레이어 :객체

플레이어의 글로벌 열거.

키는 플레이어 ID이고 값은 Player 인스턴스이거나 폐기된 플레이어의 경우 null 입니다.

크로스오리진

Player 의 crossorigin 옵션을 가져오거나 설정합니다. HTML5 플레이어의 경우 다음 항목에서 crossOrigin 속성을 설정합니다. <동영상> CORS 동작을 제어하는 태그입니다.

참조:

방법

정적 getTagSettings (태그) → {Object}

태그 설정 가져오기

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

플레이어 태그

반환:
객체 -

플레이어 태그에 대한 모든 설정을 포함하는 개체

$ (선택자, 문맥 선택 ) → {Element|null}

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

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

querySelector 에 전달될 유효한 CSS 선택기입니다.

문맥 요소 | <선택 과목>
this.contentEl()

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

반환:
요소 | -

발견된 dom 요소 또는 null

재정의:
참조:

$$ (선택기, 컨텍스트 선택 ) → {NodeList}

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

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

querySelectorAll 에 전달될 유효한 CSS 선택기입니다.

문맥 요소 | <선택 과목>
this.contentEl()

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

반환:
노드 목록 -

발견된 dom 요소 목록

재정의:
참조:

addChild (자식, 옵션 선택 , 색인 선택 ) → { 구성 요소 }

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

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

추가할 자식의 이름 또는 인스턴스입니다.

옵션 물체 <선택 과목>
{}

자식의 자식에게 전달될 옵션의 키/값 저장소입니다.

색인 숫자 <선택 과목>
this.children_.length

자식을 추가하려고 시도하는 인덱스입니다.

반환:
구성요소 -

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

재정의:

addClass (클래스에 추가)

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

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

추가할 CSS 클래스 이름

재정의:

addRemoteTextTrack (옵션, manualCleanup 선택 ) → {HtmlTrackElement}

원격 TextTrackHTMLTrackElement 를 만듭니다. manualCleanup이 false로 설정되면 소스 변경 시 트랙이 자동으로 제거됩니다.

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

생성 중에 HTMLTrackElement 에 전달하는 옵션입니다. 사용해야 하는 개체 속성에 대해서는 HTMLTrackElement를 참조하세요.

수동정리 부울 <선택 과목>
진정한

false로 설정하면 원본 변경 시 TextTrack이 제거됩니다.

반환:
HtmlTrackElement -

생성되어 HtmlTrackElementList 및 원격 TextTrackList에 추가된 HTMLTrackElement

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

addTextTrack (종류 선택 , 레이블 선택 , 언어 선택 ) → { TextTrack |미정의}

추가를 위한 헬퍼 메서드 TextTrack우리에게 TextTrackList .

W3C 설정 외에도 옵션을 통해 추가 정보를 추가할 수 있습니다.

매개 변수 :
이름 유형 속성 설명
친절한 <선택 과목>

추가하려는 TextTrack의 종류

상표 <선택 과목>

TextTrack 레이블을 제공할 레이블

언어 <선택 과목>

TextTrack에 설정할 언어

반환:
텍스트 트랙 | 정의되지 않은 -

기술이 없는 경우 추가되었거나 정의되지 않은 TextTrack

참조:

aspectRatio (비율 선택 ) → {string|undefined}

플레이어 의 종횡비에 대한 getter/setter입니다.

매개 변수 :
이름 유형 속성 설명
비율 <선택 과목>

플레이어 의 종횡비를 설정할 값입니다.

반환:
문자열 | 정의되지 않은 -
  • 가져올 때 플레이어 의 현재 종횡비입니다. - 설정시 정의되지 않음

audioOnlyMode (값 선택 ) → {Promise|boolean}

현재 audioOnlyMode 상태를 가져오거나 audioOnlyMode를 true 또는 false로 설정합니다.

이를 true 로 설정하면 컨트롤 막대를 제외한 모든 플레이어 구성 요소와 비디오에만 필요한 컨트롤 막대 구성 요소가 숨겨집니다.

매개 변수 :
이름 유형 속성 설명
부울 <선택 과목>

audioOnlyMode를 설정할 값입니다.

반환:
약속 | 부울 -

상태를 설정할 때 Promise가 반환되고 현재 상태를 가져올 때 부울이 반환됩니다.

audioPosterMode (값 선택 ) → {Promise|boolean}

현재 audioPosterMode 상태를 가져오거나 audioPosterMode를 true 또는 false로 설정합니다.

매개 변수 :
이름 유형 속성 설명
부울 <선택 과목>

audioPosterMode를 설정할 값입니다.

반환:
약속 | 부울 -

상태를 설정할 때 Promise가 반환되고 현재 상태를 가져올 때 부울이 반환됩니다.

오디오 트랙 () → { 오디오 트랙 목록 }

AudioTrackList 가져오기

반환:
오디오트랙리스트 -

현재 오디오 트랙 목록

자동 재생 (값 선택 ) → {boolean|문자열}

자동 재생 옵션을 가져오거나 설정합니다. 이것이 부울이면 기술의 속성을 수정합니다. 이것이 문자열이면 기술의 속성이 제거되고 플레이어가 로드 시작 시 자동 재생을 처리합니다.

매개 변수 :
이름 유형 속성 설명
부울 | <선택 과목>
  • true: 브라우저 동작을 사용하여 자동 재생 - false: 자동 재생 안 함 - 'play': 로드 시작 시마다 play() 호출 - 'muted': 로드 시작 시마다 muted() 호출 후 play() - 'any': play() 호출 모든 loadstart에서. 실패하면 muted()를 호출한 다음 play()를 호출합니다. - *: 여기에 나열된 값 이외의 값은 자동 재생을 true로 설정합니다.
반환:
부울 | 문자열 -

가져올 때 자동 재생의 현재 값

흐림 ()

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

재정의:

중단점 (중단점 선택 ) → {Object}

플레이어에서 중단점을 가져오거나 설정합니다.

객체 또는 true 와 함께 이 메서드를 호출하면 이전 사용자 지정 중단점이 제거되고 기본값에서 다시 시작됩니다.

매개 변수 :
이름 유형 속성 설명
중단점 개체 | 부울 <선택 과목>

개체가 제공되면 사용자 지정 중단점을 제공하는 데 사용할 수 있습니다. true 가 주어지면 기본 중단점을 설정합니다. 이 인수가 제공되지 않으면 는 단순히 현재 중단점을 반환합니다.

속성
이름 유형 속성 설명
매우 작은 숫자 <선택 과목>

"vjs-layout-tiny" 클래스의 최대 너비입니다.

xsmall 숫자 <선택 과목>

"vjs-layout-x-small" 클래스의 최대 너비입니다.

작은 숫자 <선택 과목>

"vjs-layout-small" 클래스의 최대 너비입니다.

중간 숫자 <선택 과목>

"vjs-layout-medium" 클래스의 최대 너비입니다.

크기가 큰 숫자 <선택 과목>

"vjs-layout-large" 클래스의 최대 너비입니다.

특대형 숫자 <선택 과목>

"vjs-layout-x-large" 클래스의 최대 너비입니다.

거대한 숫자 <선택 과목>

"vjs-layout-huge" 클래스의 최대 너비입니다.

반환:
객체 -

중단점 이름을 최대 너비 값에 매핑하는 개체입니다.

버퍼링됨 () → {TimeRange}

다운로드된 비디오 시간의 배열로 TimeRange 개체를 가져옵니다. 다운로드된 비디오의 백분율만 원하는 경우 bufferedPercent를 사용하십시오.

반환:
시간 범위 -

모의 TimeRange 객체(HTML 사양을 따름)

참조:

bufferedEnd () → {숫자}

마지막 버퍼링된 시간 범위의 종료 시간 가져오기 진행률 표시줄에서 모든 시간 범위를 캡슐화하는 데 사용됩니다.

반환:
번호 -

마지막 버퍼링된 시간 범위의 끝

bufferedPercent () → {숫자}

다운로드된 비디오의 백분율(소수점)을 가져옵니다. 이 메서드는 기본 HTML 비디오 API의 일부가 아닙니다.

반환:
번호 -

버퍼링되는 백분율을 나타내는 0과 1 사이의 소수점 0은 0%이고 1은 100%입니다.

추상 buildCSSClass () → {문자열}

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

반환:
문자열 -

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

재정의:

cancelAnimationFrame (id) → {숫자}

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

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

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

지울 rAF ID입니다. Component#requestAnimationFrame 의 반환 값입니다.

반환:
번호 -

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

재정의:
참조:

cancelNamedAnimationFrame (이름)

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

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

취소할 requestAnimationFrame의 이름입니다.

재정의:

canPlayType (유형) → {string}

플레이어가 주어진 MIME 유형을 재생할 수 있는지 확인

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

확인할 mimetype

반환:
문자열 -

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

참조:

어린이 () → {배열}

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

반환:
어레이 -

아이들

재정의:

clearInterval (간격 ID) → {숫자}

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

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

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

반환:
번호 -

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

재정의:
참조:

clearTimeout (timeoutId) → {숫자}

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

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

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

반환:
번호 -

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

재정의:
참조:

contentEl () → {요소}

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

반환:
요소 -

Component 의 콘텐츠 요소입니다.

재정의:

컨트롤 (bool opt ) → {boolean}

컨트롤이 표시되는지 여부를 가져오거나 설정합니다.

매개 변수 :
이름 유형 속성 설명
부울 부울 <선택 과목>
  • 컨트롤을 켜려면 true - 컨트롤을 끄려면 false
화재:
반환:
부울 -

가져올 때 컨트롤의 현재 값

createEl () → {요소}

Player 의 DOM 요소를 만듭니다.

반환:
요소 -

생성되는 DOM 요소입니다.

재정의:

createModal (콘텐츠, 옵션 선택 ) → { ModalDialog }

임의의 콘텐츠로 플레이어를 즉시 오버레이하고 닫히면 자체적으로 제거되는 간단한 모달 대화 상자( ModalDialog 구성 요소의 인스턴스)를 만듭니다.

매개 변수 :
이름 유형 속성 설명
콘텐츠 문자열 | 기능 | 요소 | 배열 | 없는

동일한 이름의 ModalDialog#content 의 매개변수와 동일합니다. 가장 간단한 사용법은 문자열 또는 DOM 요소를 제공하는 것입니다.

옵션 물체 <선택 과목>

ModalDialog 에 전달될 추가 옵션입니다.

반환:
ModalDialog -

생성된 ModalDialog

crossOrigin (값 선택 ) → {문자열|정의되지 않음}

플레이어 의 crossOrigin 옵션을 가져오거나 설정합니다. HTML5 플레이어의 경우 다음 항목에서 crossOrigin 속성을 설정합니다. <동영상> CORS 동작을 제어하는 태그입니다.

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

플레이어 의 crossOrigin을 설정할 값입니다. 인수가 제공되면 anonymous 또는 use-credentials 중 하나여야 합니다.

반환:
문자열 | 정의되지 않은 -
  • 가져올 때 플레이어 의 현재 crossOrigin 값입니다. - 설정시 정의되지 않음
참조:

currentBreakpoint () → {문자열}

현재 중단점 이름을 가져옵니다(있는 경우).

반환:
문자열 -

현재 중단점 세트가 있는 경우 일치하는 중단점 개체에서 키를 반환합니다. 그렇지 않으면 빈 문자열을 반환합니다.

currentBreakpointClass () → {문자열}

현재 중단점 클래스 이름을 가져옵니다.

반환:
문자열 -

현재 중단점에 일치하는 클래스 이름(예: "vjs-layout-tiny" 또는 "vjs-layout-large" ). 현재 중단점이 없으면 빈 문자열입니다.

currentDimension (widthOrHeight) → {숫자}

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

window.getComputedStyle 을 사용합니다.

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

'너비' 또는 '높이'를 포함하는 문자열. 당신이 얻고 싶은 것.

반환:
번호 -

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

재정의:

currentDimensions () → { Component~DimensionObject }

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

window.getComputedStyle 을 사용합니다.

반환:
Component~DimensionObject -

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

재정의:

현재 높이 () → {숫자}

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

window.getComputedStyle 을 사용합니다.

반환:
번호 -

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

재정의:

currentSource () → { Tech~SourceObject }

현재 소스 개체를 반환합니다.

반환:
Tech~SourceObject -

현재 소스 객체

currentSources () → {배열.< Tech~SourceObject> }

현재 소스 개체를 모두 반환합니다.

반환:
정렬.< Tech~SourceObject> -

현재 소스 개체

currentSrc () → {문자열}

현재 소스 값의 정규화된 URL(예: http://mysite.com/video.mp4)을 반환합니다. 현재 소스 개체를 다시 빌드하는 데 도움이 되도록 currentType 과 함께 사용할 수 있습니다.

반환:
문자열 -

현재 소스

currentTime (초 옵션 ) → {숫자}

현재 시간 가져오기 또는 설정(초)

매개 변수 :
이름 유형 속성 설명
번호 | <선택 과목>

찾는 시간(초)

반환:
번호 -
  • 가져올 때 현재 시간(초)

전류 유형 () → {문자열}

현재 소스 유형 가져오기(예: video/mp4) 나중에 동일한 소스 및 기술을 로드할 수 있도록 현재 소스 개체를 다시 빌드할 수 있습니다.

반환:
문자열 -

소스 MIME 유형

전류폭 () → {숫자}

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

window.getComputedStyle 을 사용합니다.

반환:
번호 -

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

재정의:

디버그 (사용)

정보 수준에서 로그를 활성화/비활성화하도록 디버그 모드를 설정합니다.

매개 변수 :
이름 유형 설명
가능 부울
화재:
  • Player#event:debugon
  • Player#event:debugoff

defaultMuted (defaultMuted 선택 ) → {boolean| 선수 }

현재 defaultMuted 상태를 가져오거나 defaultMuted를 켜거나 끕니다. defaultMuted는 초기 재생 시 음소거 상태를 나타냅니다.

var myPlayer = videojs('some-player-id');

  myPlayer.src("http://www.example.com/path/to/video.mp4");

  // get, false여야 합니다.
  console.log(myPlayer.defaultMute());
  // 참으로 설정
  myPlayer.defaultMute(true);
  // get이 참이어야 합니다.
  console.log(myPlayer.defaultMute());
매개 변수 :
이름 유형 속성 설명
기본음소거됨 부울 <선택 과목>
  • 음소거하려면 true - 음소거 해제하려면 false
반환:
부울 | 플레이어 -
  • defaultMute가 켜져 있고 가져오는 경우 true - defaultMuted가 꺼져 있고 가져오는 경우 false - 설정할 때 현재 플레이어에 대한 참조

defaultPlaybackRate (속도 선택 ) → {번호| 선수 }

현재 기본 재생 속도를 가져오거나 설정합니다. 예를 들어 기본 재생 속도 1.0은 정상 속도를 나타내고 0.5는 절반 속도 재생을 나타냅니다. defaultPlaybackRate는 현재 playbackRate가 아닌 비디오의 초기 playbackRate만 나타냅니다.

매개 변수 :
이름 유형 속성 설명
비율 숫자 <선택 과목>

설정할 새 기본 재생 속도입니다.

반환:
번호 | 플레이어 -
  • 얻을 때 기본 재생 속도 또는 1.0 - 설정할 때 플레이어
참조:

치수 (치수, 값 옵션 ) → {숫자}

Player 의 너비에 대한 getter/setter & 키.

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

이 문자열은 다음과 같습니다. - '너비' - '높이'

숫자 <선택 과목>

첫 번째 인수에 지정된 차원 값입니다.

반환:
번호 -

(너비/높이)를 가져올 때 치수 인수 값입니다.

재정의:

치수 (너비, 높이)

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

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

Component 요소를 설정할 너비입니다.

신장 번호 |

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

재정의:

disablePictureInPicture (값)

Picture-in-Picture 모드를 비활성화합니다.

매개 변수 :
이름 유형 설명
부울
  • true는 Picture-in-Picture 모드를 비활성화하고 false는 Picture-in-Picture 모드를 활성화합니다.

처분 ()

비디오 플레이어를 파괴하고 필요한 정리를 수행합니다.

이는 DOM에 동적으로 비디오를 추가하거나 DOM에서 제거하는 경우에 특히 유용합니다.

화재:
재정의:

documentFullscreenChange_ ()

문서 fschange 이벤트가 트리거되면 다음을 호출합니다.

기간 (초 선택 ) → {숫자}

일반적으로 비디오의 시간 길이를 초 단위로 가져옵니다. 가장 드문 사용 사례를 제외한 모든 경우에서 인수가 메서드에 전달되지 않습니다.

참고 : 동영상은 재생 시간을 알기 전에 로드를 시작해야 하며 사전 로드 동작에 따라 동영상 재생이 시작될 때까지 알 수 없을 수도 있습니다.

매개 변수 :
이름 유형 속성 설명
숫자 <선택 과목>

설정할 동영상 길이(초)

화재:
반환:
번호 -
  • 가져올 때 비디오의 길이(초)

() → {요소}

Component 의 DOM 요소 가져오기

반환:
요소 -

Component 의 DOM 요소입니다.

재정의:

enableTouchActivity ()

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

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

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

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

종료 () → {부울}

플레이어가 "종료" 상태인지 여부를 반환합니다.

반환:
부울 -

플레이어가 종료 상태이면 True, 그렇지 않으면 false입니다.

enterFullWindow ()

전체 화면이 지원되지 않는 경우 브라우저에서 허용하는 만큼 비디오 컨테이너를 확장할 수 있습니다.

화재:

오류 (오류 선택 ) → { MediaError |null}

현재 MediaError 설정 또는 가져오기

매개 변수 :
이름 유형 속성 설명
잘못 미디어 오류 | 문자열 | 숫자 <선택 과목>

MediaError 또는 MediaError로 변환할 문자열/숫자

화재:
반환:
미디어 오류 | -

가져올 때의 현재 MediaError(또는 null)

전체 화면 종료 ()

전체 화면 모드에서 동영상을 원래 크기로 되돌리기

화재:

exitFullWindow ()

전체 창 종료

화재:

exitPictureInPicture () → {약속}

Picture-in-Picture 모드를 종료합니다.

화재:
반환:
약속 -

약속.

참조:

채우기 (부울 선택 ) → {부울|정의되지 않음}

Player 의 vjs-fill className 에 대한 getter/setter/toggler.

이 기능을 켜면 유체 모드가 꺼집니다.

매개 변수 :
이름 유형 속성 설명
부울 부울 <선택 과목>
  • true 값은 클래스를 추가합니다. - false 값은 클래스를 제거합니다. - 어떤 값도 getter가 되지 않습니다.
반환:
부울 | 정의되지 않은 -
  • 얻을 때 유체의 가치. - 설정시 정의되지 않음 .

flexNotSupported_ () → {부울}

가변상자 지원 여부 결정

반환:
부울 -
  • flexbox가 지원되면 true - flexbox가 지원되지 않으면 false

유체 (부울 선택 ) → {부울|정의되지 않음}

Player 의 vjs-fluid className 에 대한 getter/setter/toggler.

이 기능을 켜면 채우기 모드가 꺼집니다.

매개 변수 :
이름 유형 속성 설명
부울 부울 <선택 과목>
  • true 값은 클래스를 추가합니다. - false 값은 클래스를 제거합니다. - 어떤 값도 getter가 되지 않습니다.
반환:
부울 | 정의되지 않은 -
  • 얻을 때 유체의 가치. - 설정시 정의되지 않음 .

초점 ()

이 구성 요소에 초점 설정

재정의:

fullWindowOnEscKey (이벤트)

ESC 키에서 전체 창을 종료하거나 전체 화면을 종료하라는 호출을 확인합니다.

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

키 누름을 확인하는 이벤트

getAttribute (속성) → {string|null}

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

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

값을 가져올 속성의 이름입니다.

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

getCache () → {객체}

캐시된 값에 대한 개체를 가져옵니다.

반환:
객체 -

현재 개체 캐시 가져오기

getChild (이름) → { 구성요소 |정의되지 않음}

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

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

가져올 자식 구성 요소 의 이름입니다.

반환:
구성요소 | 정의되지 않은 -

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

재정의:

getChildById (id) → { 구성요소 |정의되지 않음}

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

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

가져올 자식 구성 요소 의 ID입니다.

반환:
구성요소 | 정의되지 않은 -

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

재정의:

getDescendant (…이름) → { 구성 요소 |정의되지 않음}

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

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

가져올 자식 구성 요소 의 이름입니다.

반환:
구성요소 | 정의되지 않은 -

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

재정의:

getMedia () → { Player~MediaObject }

이 플레이어에 대한 현재 Player~MediaObject 의 복제본을 가져옵니다.

loadMedia 메서드가 사용되지 않은 경우 플레이어의 현재 상태를 기반으로 Player~MediaObject 반환을 시도합니다.

getVideoPlaybackQuality () → {객체|정의되지 않음}

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

반환:
개체 | 정의되지 않은 -

지원되는 미디어 재생 품질 메트릭이 있거나 기술이 없거나 기술이 지원하지 않는 경우 정의되지 않은 개체입니다.

참조:

handleHotkeys (이벤트)

이 플레이어가 핫키 키다운 이벤트를 수신할 때 호출됩니다. 지원되는 플레이어 전체 핫키는 다음과 같습니다.

f - 전체 화면 전환 m - 음소거 전환 k 또는 Space - 재생/일시 중지 전환

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

이 함수를 호출한 keydown 이벤트입니다.

handleKeyDown (이벤트)

이 플레이어에 포커스가 있고 키가 눌리거나 이 플레이어의 구성 요소가 처리할 수 없는 키 누름을 수신할 때 호출됩니다. 이것은 플레이어 전체 핫키를 허용합니다(아래에 정의된 대로 또는 선택적으로 외부 기능에 의해).

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

이 함수를 호출한 keydown 이벤트입니다.

이벤트 수신:
  • 이벤트:키다운
재정의:

handleKeyPress (이벤트)

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

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

이 함수를 호출한 이벤트입니다.

재정의:

추상 핸들 언어 변경 ()

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

재정의:

handleSrc_ (소스 선택 , isRetry) → {문자열|정의되지 않음}

소스 설정 및 로직 가져오기 실행

매개 변수 :
이름 유형 속성 설명
출처 Tech~SourceObject | 정렬.< Tech~SourceObject> | <선택 과목>

SourceObject, SourceObject 배열 또는 미디어 소스에 대한 URL을 참조하는 문자열. 그것은추천개체 또는 개체 배열이 여기에서 사용되므로 소스 선택 알고리즘이유형계정에.

제공되지 않으면 이 메서드는 getter로 작동합니다.
isRetry 부울

재시도의 결과로 내부적으로 호출되는지 여부를 나타냅니다.

반환:
문자열 | 정의되지 않은 -

source 인수가 없으면 현재 소스 URL을 반환합니다. 그렇지 않으면 아무것도 반환하지 않거나 정의되지 않습니다.

hasClass (classToCheck) → {부울}

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

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

확인할 CSS 클래스 이름입니다.

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

hasPlugin (이름) → {boolean}

플레이어가 플러그인을 사용할 수 있는지 여부를 보고합니다.

플러그인이 이 플레이어에서 초기화되었는지 여부는 보고하지 않습니다. 이를 위해 플러그인을 사용합니다 .

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

플러그인의 이름입니다.

반환:
부울 -

이 플레이어가 요청한 플러그인을 사용할 수 있는지 여부입니다.

hasStarted (요청) → {boolean}

vjs-has-started 클래스 추가/제거

매개 변수 :
이름 유형 설명
요구 부울
  • true: 클래스 추가 - false: 클래스 제거
화재:
반환:
부울 -

hasStarted_의 부울 값

높이 (값 선택 ) → {숫자}

Player 의 높이에 대한 getter/setter입니다. 플레이어의 구성된 값을 반환합니다. 현재 높이를 얻으려면 currentheight() 를 사용하십시오.

매개 변수 :
이름 유형 속성 설명
숫자 <선택 과목>

Player 의 높이를 설정할 값입니다.

반환:
번호 -

가져올 때 플레이어 의 현재 높이입니다.

재정의:

숨기기 ()

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

재정의:

아이디 () → {문자열}

구성 요소 의 ID 가져오기

반환:
문자열 -

구성요소 의 ID

재정의:

초기화 어린이 ()

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

재정의:

isAudio (부울) → {부울}

오디오 플래그를 가져오거나 설정합니다.

매개 변수 :
이름 유형 설명
부울 부울
  • true는 이것이 오디오 플레이어라는 신호입니다. false는 오디오 플레이어가 아니라는 신호입니다.
반환:
부울 -

가져올 때 isAudio의 현재 값

isDisposed () → {부울}

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

반환:
부울 -

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

재정의:

isFullscreen (isFS 옵션 ) → {부울}

플레이어가 전체 화면 모드인지 확인하거나 플레이어에게 전체 화면 모드인지 여부를 알려줍니다.

참고 : 최신 HTML5 사양부터 isFullscreen은 더 이상 공식 속성이 아니며 대신 document.fullscreenElement가 사용됩니다. 그러나 isFullscreen은 여전히 내부 플레이어 작업에 중요한 속성입니다.

매개 변수 :
이름 유형 속성 설명
isFS 부울 <선택 과목>

플레이어의 현재 전체 화면 상태 설정

반환:
부울 -
  • 전체 화면이 켜져 있는 경우 true - 전체 화면이 꺼져 있는 경우 false

isInPictureInPicture (isPiP 옵션 ) → {부울}

플레이어가 Picture-in-Picture 모드인지 확인하거나 플레이어에게 Picture-in-Picture 모드인지 여부를 알려줍니다.

매개 변수 :
이름 유형 속성 설명
isPiP 부울 <선택 과목>

플레이어의 현재 Picture-in-Picture 상태 설정

반환:
부울 -
  • Picture-in-Picture가 켜져 있는 경우 true - Picture-in-Picture가 꺼져 있는 경우 false

언어 (코드 선택 ) → {string}

플레이어의 언어 코드입니다.

언어를 변경하면 구성 요소가 제어 텍스트를 업데이트하는 데 사용할 수 있는 언어 변경이 트리거됩니다. ClickableComponent는 언어 변경 시 기본적으로 제어 텍스트를 업데이트합니다.

매개 변수 :
이름 유형 속성 설명
암호 <선택 과목>

플레이어를 설정할 언어 코드

화재:
반환:
문자열 -

얻을 때 현재 언어 코드

언어 () → {배열}

새로 추가된 플러그인이 언제든지 videojs.addLanguage()를 호출할 수 있으므로 플레이어의 언어 사전을 매번 병합하세요. 플레이어 옵션에 직접 지정된 언어가 우선합니다.

반환:
어레이 -

지원되는 언어 배열

로드 ()

src 데이터 로드를 시작합니다.

loadMedia (미디어, 준비)

MediaObject 를 사용하여 플레이어를 채웁니다.

매개 변수 :
이름 유형 설명
미디어 Player~MediaObject

미디어 개체입니다.

준비된 기능

플레이어가 준비되면 호출할 콜백입니다.

현지화 (문자열, 토큰 선택 , defaultValue 선택 ) → {문자열}

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

토큰이 제공되면 제공된 문자열에서 간단한 토큰 교체를 시도하고 실행합니다. 찾는 토큰은 인덱스가 토큰 배열에 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 입니다. 별도의 조회 키가 필요한 경우 토큰 대체에 사용할 기본값이 될 수 있습니다.

반환:
문자열 -

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

재정의:

루프 (값 선택 ) → {부울}

동영상 요소의 루프 속성을 가져오거나 설정합니다.

매개 변수 :
이름 유형 속성 설명
부울 <선택 과목>
  • true는 비디오를 반복해야 함을 의미하고 false는 비디오를 반복하지 않아야 함을 의미합니다.
반환:
부울 -

가져올 때 루프의 현재 값

manualAutoplay_ ()

기술자가 처리해야 하는 일반적인 부울 값이 아닌 자동 재생 문자열 값을 처리합니다. 이것은 사양의 일부가 아닙니다. 유효한 값과 그 기능은 Player#autoplay()의 autoplay getter에서 찾을 수 있습니다.

음소거 ( 음소거 선택) → {부울}

현재 음소거 상태를 가져오거나 음소거를 켜거나 끕니다.

매개 변수 :
이름 유형 속성 설명
음소거 부울 <선택 과목>
  • 음소거하려면 true - 음소거 해제하려면 false
반환:
부울 -
  • 음소거가 켜져 있는 경우 true - 음소거가 꺼져 있는 경우 false

이름 () → {문자열}

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

반환:
문자열 -

Component 의 이름입니다.

재정의:

networkState () → {숫자}

아래 목록의 코드에서 요소에 대한 네트워크 활동의 현재 상태를 반환합니다.

  • NETWORK_EMPTY(숫자 값 0) 요소가 아직 초기화되지 않았습니다. 모든 속성은 초기 상태에 있습니다.
  • NETWORK_IDLE(숫자값 1) 요소의 자원 선택 알고리즘이 활성화되어 자원을 선택했지만 현재 네트워크를 실제로 사용하고 있지 않다.
  • NETWORK_LOADING(숫자 값 2) 사용자 에이전트가 적극적으로 데이터 다운로드를 시도하고 있습니다.
  • NETWORK_NO_SOURCE(숫자값 3) 요소의 자원 선택 알고리즘이 활성화되었지만 사용할 자원을 아직 찾지 못했습니다.
반환:
번호 -

현재 네트워크 활동 상태

참조:

옵션 (obj) → {객체}

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

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

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

새 옵션을 포함하는 개체입니다.

반환:
객체 -

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

재정의:

일시정지 () → { 플레이어 }

비디오 재생 일시 중지

반환:
플레이어 -

이 함수가 호출된 플레이어 개체에 대한 참조

일시 중지 () → {부울}

플레이어가 일시 중지되었거나 아직 재생되지 않았는지 확인

반환:
부울 -
  • false: 미디어가 현재 재생 중인 경우 - true: 미디어가 현재 재생 중이 아닌 경우

play () → {약속|정의되지 않음}

첫 번째 기회에 재생을 시작하십시오.

반환:
약속 | 정의되지 않은 -

브라우저가 약속을 지원하는 경우(또는 옵션으로 전달된 경우) 약속을 반환합니다. 이 약속은 play의 반환 값으로 해결됩니다. 이것이 정의되지 않은 경우 약속 체인을 이행합니다. 그렇지 않으면 약속 체인은 플레이의 약속이 이행될 때 이행됩니다.

playbackRate (속도 선택 ) → {숫자}

현재 재생 속도를 가져오거나 설정합니다. 예를 들어 재생 속도 1.0은 정상 속도를 나타내고 0.5는 절반 속도 재생을 나타냅니다.

매개 변수 :
이름 유형 속성 설명
비율 숫자 <선택 과목>

설정할 새 재생 속도입니다.

반환:
번호 -

현재 재생 속도 또는 1.0

참조:

playbackRates (newRates) → {Array.< 숫자> }

현재 재생 속도를 설정하거나 가져옵니다. 배열을 가져와 새 항목으로 재생 속도 메뉴를 업데이트합니다. 메뉴를 숨기려면 빈 배열을 전달하십시오. 배열 이외의 값은 무시됩니다.

매개 변수 :
이름 유형 설명
새 요금 정렬.< 숫자>

재생 속도 메뉴가 업데이트해야 하는 새 속도입니다. 빈 배열은 메뉴를 숨깁니다.

화재:
반환:
정렬.< 숫자> -

getter로 사용하면 현재 재생 속도를 반환합니다.

재생 () → {TimeRange}

사용자가 플레이한 현재 시간 범위를 나타내는 TimeRange 개체를 가져옵니다.

반환:
시간 범위 -

재생된 모든 시간 증분을 나타내는 시간 범위 개체입니다.

플레이어 () → { 플레이어 }

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

반환:
플레이어 -

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

재정의:

playinline (값 선택 ) → {문자열| 선수 }

playinline 속성을 설정하거나 설정 해제합니다. Playsinline은 전체 화면이 아닌 재생이 선호됨을 브라우저에 알립니다.

매개 변수 :
이름 유형 속성 설명
부울 <선택 과목>
  • true는 기본적으로 인라인 재생을 시도해야 함을 의미합니다. false는 대부분의 경우 인라인인 브라우저의 기본 재생 모드를 사용해야 함을 의미합니다. iOS Safari는 주목할만한 예외이며 기본적으로 전체 화면으로 재생됩니다.
반환:
문자열 | 플레이어 -
  • playinline의 현재 값 - 설정할 때의 플레이어
참조:

포스터 (src opt ) → {string}

포스터 이미지 소스 URL 가져오기 또는 설정

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

포스터 이미지 소스 URL

화재:
반환:
문자열 -

얻을 때 포스터의 현재 가치

사전 로드 (값 선택 ) → {string}

사전 로드 속성 가져오기 또는 설정

매개 변수 :
이름 유형 속성 설명
부울 <선택 과목>
  • true는 미리 로드해야 함을 의미하고 false는 미리 로드하지 않아야 함을 의미합니다.
반환:
문자열 -

얻을 때 preload 속성 값

준비 () → { 구성 요소 }

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

반환:
구성요소 -

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

재정의:

readyState () → {숫자}

아래 목록의 코드에서 현재 재생 위치 렌더링과 관련하여 요소의 현재 상태를 나타내는 값을 반환합니다.

  • HAVE_NOTHING(숫자 값 0) 미디어 리소스에 대한 정보가 없습니다.
  • HAVE_METADATA(숫자값 1) 리소스를 충분히 확보하여 해당 리소스의 지속 시간을 사용할 수 있습니다.
  • HAVE_CURRENT_DATA(숫자값 2) 바로 현재 재생 위치에 대한 데이터를 사용할 수 있습니다.
  • HAVE_FUTURE_DATA(숫자값 3) 바로 현재 재생 위치에 대한 데이터는 물론 사용자 에이전트가 현재 재생 위치를 재생 방향으로 전진시키기에 충분한 데이터를 사용할 수 있습니다.
  • HAVE_ENOUGH_DATA (숫자 값 4) 사용자 에이전트는 중단 없이 재생하기에 충분한 데이터를 사용할 수 있다고 추정합니다.
반환:
번호 -

현재 재생 렌더링 상태

참조:

남은 시간 () → {숫자}

비디오에 남은 시간을 계산합니다. 기본 비디오 API의 일부가 아닙니다.

반환:
번호 -

남은 시간(초)

남은 시간 표시 () → {숫자}

시간이 사용자에게 직접 표시될 때 사용하기 위한 남은 시간 기능입니다.

반환:
번호 -

남은 반올림 시간(초)

remoteTextTrackEls () → { HtmlTrackElementList }

원격 HtmlTrackElementList 트랙을 가져옵니다.

반환:
HtmlTrackElementList -

현재 원격 텍스트 트랙 요소 목록

remoteTextTracks () → { TextTrackList }

원격 TextTrackList 가져오기

반환:
TextTrackList -

현재 원격 텍스트 트랙 목록

removeAttribute (속성)

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

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

제거할 속성의 이름입니다.

재정의:
참조:

removeChild (구성 요소)

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

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

제거할 자식 Component 입니다.

재정의:

removeClass (classToRemove)

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

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

제거할 CSS 클래스 이름

재정의:

removeRemoteTextTrack (트랙) → {undefined}

리모컨 제거 TextTrack각각에서 TextTrackList그리고 HtmlTrackElementList .

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

제거할 원격 TextTrack

반환:
정의되지 않은 -

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

reportUserActivity (이벤트)

사용자 활동 보고

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

이벤트 개체

requestAnimationFrame (fn) → {숫자}

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

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

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

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

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

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

이벤트 수신:
반환:
번호 -

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

재정의:
참조:

requestFullscreen (fullscreenOptions 선택 )

비디오 크기를 전체 화면으로 늘리기 일부 브라우저에서는 전체 화면이 기본적으로 지원되지 않으므로 비디오가 브라우저 창을 채우는 "전체 창 모드"로 들어갑니다. 기본 전체 화면을 지원하는 브라우저 및 장치에서 Video.js 사용자 지정 스킨이 아닌 브라우저의 기본 컨트롤이 표시되는 경우가 있습니다. 여기에는 대부분의 모바일 장치(iOS, Android) 및 이전 버전의 Safari가 포함됩니다.

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

플레이어 전체 화면 옵션 재정의

화재:

requestNamedAnimationFrame (이름, fn)

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

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

이 requestAnimationFrame에 제공할 이름

fn 구성요소~GenericCallback

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

재정의:

requestPictureInPicture () → {약속}

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

화재:
반환:
약속 -

Picture-in-Picture 창과의 약속.

참조:

리셋 ()

플레이어를 재설정하십시오. techOrder의 첫 번째 기술을 로드하고, 기존 tech 의 모든 텍스트 트랙을 제거하고, tech 에서 reset을 호출합니다.

resetControlBarUI_ ()

Control Bar의 모든 구성 요소를 재설정하는 하위 메서드를 호출하여 Control Bar의 UI를 재설정합니다.

resetPlaybackRate_ ()

재생 비율 재설정

resetProgressBar_ ()

진행률 표시줄이 UI에서 재설정되도록 기술의 진행률을 재설정합니다.

resetVolumeBar_ ()

볼륨 바 재설정

반응형 (값) → {boolean}

이 플레이어가 크기에 따라 UI를 조정해야 하는지 여부를 나타내는 플래그를 가져오거나 설정합니다.

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

플레이어가 크기에 따라 UI를 조정해야 하는 경우 true 여야 합니다. 그렇지 않으면 false 여야 합니다.

반환:
부울 -

이 플레이어가 크기에 따라 UI를 조정해야 하는 경우 true 입니다. 그렇지 않으면 false 가 됩니다.

runPlayCallbacks_ (값)

재생에 대한 콜백이 지연되면 기술에서 실제로 재생이 호출될 때 이러한 콜백을 실행해야 합니다. 이 함수는 지연된 콜백을 실행하고 기술에서 반환 값을 수락합니다.

매개 변수 :
이름 유형 설명
정의되지 않은 | 약속하다

기술의 반환 값입니다.

runPlayTerminatedQueue_ ()

이러한 기능은 재생이 종료되면 실행됩니다. play runPlayCallbacks_가 실행되면 이 함수는 실행되지 않습니다. 이를 통해 종료된 플레이와 실제 플레이 요청을 구분할 수 있습니다.

스크러빙 (isScrubbing opt ) → {boolean}

사용자가 "스크러빙"하는지 여부를 반환합니다. 스크러빙은 사용자가 진행률 표시줄 핸들을 클릭하고 진행률 표시줄을 따라 드래그하는 경우입니다.

매개 변수 :
이름 유형 속성 설명
isScrubbing 부울 <선택 과목>

사용자가 스크러빙을 하는지 여부

반환:
부울 -

얻을 때 스크럽의 가치

탐색 가능 () → {TimeRanges}

현재 검색할 수 있는 미디어의 TimeRanges를 반환합니다.

반환:
시간 범위 -

미디어 타임라인의 탐색 가능한 간격

탐색 () → {부울}

플레이어가 "검색" 상태에 있는지 여부를 반환합니다.

반환:
부울 -

플레이어가 탐색 상태에 있으면 True, 그렇지 않으면 false입니다.

selectSource (소스) → {Object|boolean}

기술 주문 또는 소스 주문을 기반으로 소스 선택 options.sourceOrder가 진실인 경우 소스 주문 선택을 사용합니다. 그렇지 않으면 기술 주문 선택으로 기본 설정됩니다.

매개 변수 :
이름 유형 설명
출처 정렬

미디어 자산의 소스

반환:
개체 | 부울 -

소스 및 기술 주문의 대상 또는 거짓

setAttribute (속성, 값)

Component 요소의 속성 값 설정

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

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

속성을 설정할 값입니다.

재정의:
참조:

setInterval (fn, 간격) → {숫자}

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

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

x 초마다 실행되는 함수입니다.

간격 숫자

지정된 함수를 x 밀리초마다 실행합니다.

이벤트 수신:
반환:
번호 -

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

재정의:
참조:

setTimeout (fn, 타임아웃) → {숫자}

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

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

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

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

timeout 후에 실행될 함수입니다.

타임 아웃 숫자

지정된 함수를 실행하기 전에 지연되는 시간 제한(밀리초)입니다.

이벤트 수신:
반환:
번호 -

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

재정의:
참조:

보여주다 ()

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

재정의:

src (소스 선택 ) → {문자열|정의되지 않음}

비디오 소스를 가져오거나 설정합니다.

매개 변수 :
이름 유형 속성 설명
출처 Tech~SourceObject | 정렬.< Tech~SourceObject> | <선택 과목>

SourceObject, SourceObject 배열 또는 미디어 소스에 대한 URL을 참조하는 문자열. 그것은추천개체 또는 개체 배열이 여기에서 사용되므로 소스 선택 알고리즘이유형계정에.

제공되지 않으면 이 메서드는 getter로 작동합니다.
반환:
문자열 | 정의되지 않은 -

source 인수가 없으면 현재 소스 URL을 반환합니다. 그렇지 않으면 아무것도 반환하지 않거나 정의되지 않습니다.

전체 화면 지원 () → {boolean}

현재 기술이 기본 전체 화면을 지원할 수 있는지 확인(예: iOS와 같은 내장 컨트롤 사용)

반환:
부울 -

기본 전체 화면이 지원되는 경우

기술 (안전 선택 ) → { 기술 }

현재 Tech 에 대한 참조를 반환합니다. 기본적으로 기술을 직접 사용하는 위험에 대한 경고를 인쇄하지만 전달된 인수는 경고를 음소거합니다.

매개 변수 :
이름 유형 속성 설명
안전 * <선택 과목>

경고를 침묵시키기 위해 전달된 모든 것

반환:
기술 -

기술

textTracks () → { TextTrackList }

TextTrackList 가져오기

반환:
TextTrackList -

현재 텍스트 트랙 목록

toggleClass (classToToggle, 조건자 선택 )

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

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

추가하거나 제거할 클래스(@link Component#hasClass}

술부 부울 | 돔~술어 <선택 과목>

Dom~predicate 함수 또는 부울

재정의:

toJSON () → {객체}

현재 트랙 정보를 나타내는 JavaScript 객체를 반환합니다. JSON으로 반환하지 않습니다.

반환:
객체 -

트랙 정보의 현재를 나타내는 객체

트리거준비 ()

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

화재:
재정의:

updateSourceCaches_ (srcObj)

src() , currentSource()currentSources() 에서 올바른 소스를 반환하도록 내부 소스 캐시를 업데이트합니다.

참고: 전달된 소스가 현재 currentSources 캐시에 존재하는 경우 currentSources는 업데이트되지 않습니다.

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

캐시를 업데이트할 문자열 또는 개체 소스입니다.

userActive (부울 옵션 ) → {부울}

사용자가 활성 상태인지 가져오기/설정

매개 변수 :
이름 유형 속성 설명
부울 부울 <선택 과목>
  • 사용자가 활성이면 true - 사용자가 비활성이면 false
화재:
반환:
부울 -

가져올 때 userActive의 현재 값

usingNativeControls (부울 옵션 ) → {부울}

네이티브 컨트롤을 켜거나 끕니다. 네이티브 컨트롤은 장치(예: 기본 iPhone 컨트롤) 또는 기타 기술(예: Vimeo 컨트롤)에 내장된 컨트롤 입니다. 네이티브 컨트롤을 지원할 수 있는지 기술만이 알고 있기 때문에 현재 기술에 의해서만 설정되어야 합니다.

매개 변수 :
이름 유형 속성 설명
부울 부울 <선택 과목>
  • 네이티브 컨트롤을 켜려면 true - 네이티브 컨트롤을 끄려면 false
화재:
반환:
부울 -

가져올 때 기본 컨트롤의 현재 값

usingPlugin (이름) → {boolean}

플레이어가 이름으로 플러그인을 사용하는지 여부를 보고합니다.

기본 플러그인의 경우 이 플레이어에서 플러그인이 초기화 되었는지 여부만 보고합니다.

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

플러그인의 이름입니다.

반환:
부울 -

이 플레이어가 요청된 플러그인을 사용하고 있는지 여부입니다.

videoHeight () → {숫자}

동영상 높이 가져오기

반환:
번호 -

현재 동영상 높이

videoTracks () → { VideoTrackList }

VideoTrackList 가져오기

반환:
비디오트랙리스트 -

현재 비디오 트랙 목록

videoWidth () → {숫자}

비디오 너비 가져오기

반환:
번호 -

현재 비디오 너비

볼륨 (percentAsDecimal 선택 ) → {숫자}

미디어의 현재 볼륨 가져오기 또는 설정

매개 변수 :
이름 유형 속성 설명
퍼센트 AsDecimal 숫자 <선택 과목>

새 볼륨(소수점 퍼센트): - 0은 음소거/0%/꺼짐 - 1.0은 100%/가득 - 0.5는 절반 볼륨 또는 50%

반환:
번호 -

얻을 때 백분율로 현재 볼륨

너비 (값 선택 ) → {숫자}

Player 의 너비에 대한 getter/setter입니다. 플레이어의 구성된 값을 반환합니다. 현재 너비를 얻으려면 currentWidth() 를 사용하십시오.

매개 변수 :
이름 유형 속성 설명
숫자 <선택 과목>

Player 의 너비를 설정할 값입니다.

반환:
번호 -

가져올 때 플레이어 의 현재 너비입니다.

재정의:

유형 정의

미디어 개체

단일 미디어를 설명하는 개체입니다.

이 유형 설명의 일부가 아닌 속성은 유지됩니다. 따라서 이것은 일반 메타데이터 저장 메커니즘으로도 볼 수 있습니다.

속성:
이름 유형 속성 설명
앨범 <선택 과목>

이 개체가 MediaSession API에 전달되는 경우를 제외하고 사용되지 않습니다.

아티스트 <선택 과목>

이 개체가 MediaSession API에 전달되는 경우를 제외하고 사용되지 않습니다.

삽화 정렬.< 물체> <선택 과목>

이 개체가 MediaSession API에 전달되는 경우를 제외하고 사용되지 않습니다. 지정하지 않으면 가능한 경우 포스터를 통해 채워집니다.

포스터 <선택 과목>

재생 전에 표시될 이미지의 URL입니다.

소스 Tech~SourceObject | 정렬.< Tech~SourceObject> | <선택 과목>

단일 소스 개체, 소스 개체 배열 또는 미디어 소스에 대한 URL을 참조하는 문자열입니다. 그것은추천개체 또는 개체 배열이 여기에서 사용되므로 소스 선택 알고리즘이유형계정에.

제목 <선택 과목>

이 개체가 MediaSession API에 전달되는 경우를 제외하고 사용되지 않습니다.

textTracks 정렬.< 물체> <선택 과목>

기본 트랙 요소 형식 에 따라 텍스트 트랙을 만드는 데 사용되는 객체 배열입니다. 쉽게 제거할 수 있도록 "원격" 텍스트 트랙으로 생성되고 소스 변경 시 자동으로 정리하도록 설정됩니다.

이러한 개체에는 `src`, `kind`, `label`과 같은 속성이 있을 수 있습니다.
      및 `언어`는 Tech#createRemoteTextTrack 을 참조하십시오.
참조:

이벤트

beforepluginsetup:$name

플러그인이 플레이어에 설정될 예정임을 이름으로 알립니다. 이름은 플러그인의 이름입니다.

유형:

중단하다

오디오/비디오 로드가 중단되면 발생합니다.

유형:

전에 플러그인 설정

플러그인이 플레이어에 설정되려고 한다는 신호입니다.

유형:

놀 수있다

미디어에 HAVE_FUTURE_DATA 이상의 readyState가 있습니다.

유형:

canplaythrough

미디어에 HAVE_ENOUGH_DATA 이상의 readyState가 있습니다. 즉, 버퍼링 없이 전체 미디어 파일을 재생할 수 있습니다.

유형:

구성 요소 크기 조정

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

유형:
재정의:

컨트롤 비활성화됨

유형:

컨트롤 사용

유형:

처분하다

플레이어가 폐기될 때 호출됩니다.

유형:
이 이벤트의 청취자:
재정의:

기간 변경

유형:
이 이벤트의 청취자:

비워진

현재 재생 목록이 비어 있을 때 발생합니다.

유형:

종료됨

미디어 리소스의 끝에 도달하면 시작됨(currentTime == duration)

유형:
이 이벤트의 청취자:

enterFullWindow

유형:

엔터 픽처 인 픽처

이 이벤트는 플레이어가 PIP(Picture In Picture) 모드에 들어갈 때 발생합니다.

유형:
이 이벤트의 청취자:

오류

유형:

exitFullWindow

유형:

퍼스트 플레이

동영상이 처음 재생될 때 실행됩니다. HLS 사양의 일부가 아니며 아직 최상의 구현이 아닐 수 있으므로 아껴서 사용하십시오. 재생을 막을 이유가 없다면 myPlayer.one('play'); 대신에.

유형:
더 이상 사용되지 않음:
  • 6.0부터 firstplay 이벤트는 더 이상 사용되지 않습니다.

전체 화면 변경

유형:
이 이벤트의 청취자:

언어 변경

플레이어 언어가 변경될 때 발생

유형:

사진을 남기다

이 이벤트는 플레이어가 사진 모드에서 사진 모드를 종료할 때 발생합니다.

유형:
이 이벤트의 청취자:

loadeddata

브라우저가 오디오/비디오의 현재 프레임을 로드했을 때 발생합니다.

유형:
  • 이벤트

loadeddata

플레이어가 현재 재생 위치에서 데이터를 다운로드했을 때 발생

유형:

로드된 메타데이터

브라우저가 오디오/비디오에 대한 메타 데이터를 로드했을 때 발생합니다.

유형:
이 이벤트의 청취자:

로드된 메타데이터

플레이어에 초기 기간 및 크기 정보가 있을 때 실행됩니다.

유형:

로드 스타트

사용자 에이전트가 미디어 데이터를 찾기 시작할 때 발생

유형:
이 이벤트의 청취자:

일시 중지

미디어가 일시 중지될 때마다 실행됨

유형:
이 이벤트의 청취자:

플레이

Tech#play 이벤트가 발생할 때마다 트리거됩니다. 재생이 시작되었거나 다시 시작되었음을 나타냅니다.

유형:
이 이벤트의 청취자:

재생 속도 변경

플레이어의 재생 속도가 변경될 때 발생합니다.

유형:
이 이벤트의 청취자:

플레이어 크기 조정

플레이어 크기가 변경되었을 때 호출됩니다.

유형:

놀이

미디어가 더 이상 재생에서 차단되지 않고 재생이 시작되었습니다.

유형:

플러그인 설정

플러그인이 방금 플레이어에 설정되었음을 알립니다.

유형:

포스터체인지

이 이벤트는 플레이어에서 포스터 이미지가 변경될 때 발생합니다.

유형:
이 이벤트의 청취자:

진전

사용자 에이전트가 미디어 데이터를 다운로드하는 동안 발생합니다.

유형:
이 이벤트의 청취자:

비율 변경

오디오/비디오의 재생 속도가 변경되면 발생합니다.

유형:
  • 이벤트
이 이벤트의 청취자:

준비된

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

유형:
재정의:

크기 조정

동영상의 고유 크기가 변경되면 실행됩니다.

유형:
  • 이벤트

추구

플레이어가 새로운 시간으로 점프를 마쳤을 때 발생

유형:
이 이벤트의 청취자:

추구

플레이어가 새로운 시간으로 점프할 때마다 발생

유형:

소스셋

EXPERIMENTAL 소스가 Tech 에서 설정되거나 변경되어 미디어 요소가 다시 로드될 때 발생합니다.

초기 소스와 각 후속 소스에 대해 실행됩니다. 이 이벤트는 Video.js의 맞춤 이벤트이며 Tech 에 의해 트리거됩니다.

이 이벤트의 이벤트 개체에는 이벤트가 트리거되었을 때 사용 가능한 소스를 포함하는 src 속성이 포함되어 있습니다. 이것은 일반적으로 소스가 변경되는 동안 Video.js가 기술을 전환하는 경우에만 필요합니다.

다음과 같은 경우에도 해고됩니다. 플레이어(또는 미디어 요소)에서 호출됩니다. 사양리소스 선택 알고리즘을 중단하고 다시 시작해야 한다고 말합니다. 이 경우 소스가 무엇인지 알 수 없지만 변경 중임을 나타내기 위해 src 속성이 빈 문자열 "" 로 설정될 가능성이 매우 높습니다.

이 이벤트는 현재 아직 실험 중이며 마이너 릴리스에서 변경될 수 있습니다. 이를 사용하려면 플레이어에 enableSourceset 옵션을 전달하십시오.

유형:
속성:
이름 유형 설명
소스

소스 세트가 트리거되었을 때 사용 가능한 소스 URL입니다. 소스가 무엇인지 알 수 없지만 소스가 변경될 것이라는 것을 알고 있으면 빈 문자열이 됩니다.

정지

브라우저가 미디어 데이터를 얻으려고 시도하지만 데이터를 사용할 수 없을 때 발생합니다.

유형:

유예하다

브라우저가 의도적으로 미디어 데이터를 가져오지 않을 때 발생합니다.

유형:

수도꼭지

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

유형:
재정의:

텍스트 데이터

기술에서 textdata 이벤트를 받으면 발생합니다.

유형:

텍스트 트랙 변경

텍스트 트랙이 변경되면 발생

유형:
  • 이벤트
이 이벤트의 청취자:

시간 업데이트

현재 재생 위치가 변경되면 발생합니다.

유형:
  • 이벤트
이 이벤트의 청취자:

시간 업데이트

현재 재생 위치가 변경되면 실행됩니다. * 재생 중에 사용 중인 재생 기술에 따라 15-250밀리초마다 실행됩니다.

유형:

사용자

유형:

userinactive

유형:

사용자 지정 컨트롤 사용

플레이어가 맞춤 HTML 컨트롤을 사용하고 있습니다.

유형:

네이티브 컨트롤 사용

플레이어가 기본 장치 컨트롤을 사용하고 있습니다.

유형:

볼륨 변경

볼륨이 변경되면 발생

유형:
  • 이벤트
이 이벤트의 청취자:

볼륨 변경

볼륨이 변경될 때 발생

유형:

대기 중

DOM 요소의 readyState 변경으로 인해 재생이 중지되었습니다.

유형:

플러그인 설정:$name

플러그인이 방금 플레이어에 설정되었음을 이름으로 알립니다. 이름은 플러그인의 이름입니다.

유형: