새로운 플레이어 (태그, 옵션 선택 , 준비 선택 )
이 클래스의 인스턴스를 만듭니다.
매개 변수 :
이름 | 유형 | 속성 | 설명 |
---|---|---|---|
꼬리표 |
요소 |
옵션 구성에 사용되는 원본 비디오 DOM 요소입니다. |
|
옵션 |
물체 |
<선택 과목> |
옵션 이름 및 값의 개체입니다. |
준비된 |
구성요소~ReadyCallback |
<선택 과목> |
콜백 기능 준비. |
확장하다
회원
-
정적 플레이어 :객체
-
플레이어의 글로벌 열거.
키는 플레이어 ID이고 값은 Player 인스턴스이거나 폐기된 플레이어의 경우
null
입니다. -
크로스오리진
-
Player
의 crossorigin 옵션을 가져오거나 설정합니다. HTML5 플레이어의 경우 다음 항목에서crossOrigin
속성을 설정합니다.<동영상>
CORS 동작을 제어하는 태그입니다.- 참조:
방법
-
정적 getTagSettings (태그) → {Object}
-
태그 설정 가져오기
매개 변수 :
이름 유형 설명 꼬리표
요소 플레이어 태그
반환:
객체 -플레이어 태그에 대한 모든 설정을 포함하는 개체
-
$ (선택자, 문맥 선택 ) → {Element|null}
-
선택기
와 일치하는 단일 DOM 요소를 찾습니다. 이는Component
의contentEl()
또는 다른 사용자 지정 컨텍스트 내에 있을 수 있습니다.매개 변수 :
이름 유형 속성 기본값 설명 선택자
끈 querySelector
에 전달될 유효한 CSS 선택기입니다.문맥
요소 | 끈 <선택 과목>
this.contentEl() 쿼리할 DOM 요소입니다. 첫 번째로 일치하는 요소가 컨텍스트로 사용되는 경우 선택자 문자열일 수도 있습니다. 누락된 경우
this.contentEl()이
사용됩니다.this.contentEl()이
아무 것도 반환하지 않으면document
로 돌아갑니다.반환:
요소 | 널 -발견된 dom 요소 또는 null
- 재정의:
- 참조:
-
$$ (선택기, 컨텍스트 선택 ) → {NodeList}
-
선택기
와 일치하는 모든 DOM 요소를 찾습니다. 이는Component
의contentEl()
또는 다른 사용자 지정 컨텍스트 내에 있을 수 있습니다.매개 변수 :
이름 유형 속성 기본값 설명 선택자
끈 querySelectorAll
에 전달될 유효한 CSS 선택기입니다.문맥
요소 | 끈 <선택 과목>
this.contentEl() 쿼리할 DOM 요소입니다. 첫 번째로 일치하는 요소가 컨텍스트로 사용되는 경우 선택자 문자열일 수도 있습니다. 누락된 경우
this.contentEl()이
사용됩니다.this.contentEl()이
아무 것도 반환하지 않으면document
로 돌아갑니다.반환:
노드 목록 -발견된 dom 요소 목록
- 재정의:
- 참조:
-
addChild (자식, 옵션 선택 , 색인 선택 ) → { 구성 요소 }
-
현재
Component
안에 자식Component를
추가합니다.매개 변수 :
이름 유형 속성 기본값 설명 어린이
문자열 | 요소 추가할 자식의 이름 또는 인스턴스입니다.
옵션
물체 <선택 과목>
{} 자식의 자식에게 전달될 옵션의 키/값 저장소입니다.
색인
숫자 <선택 과목>
this.children_.length 자식을 추가하려고 시도하는 인덱스입니다.
- 재정의:
-
addClass (클래스에 추가)
-
Component
요소에 CSS 클래스 이름을 추가합니다.매개 변수 :
이름 유형 설명 추가할 클래스
끈 추가할 CSS 클래스 이름
- 재정의:
-
addRemoteTextTrack (옵션, manualCleanup 선택 ) → {HtmlTrackElement}
-
원격 TextTrack 및 HTMLTrackElement 를 만듭니다. manualCleanup이 false로 설정되면 소스 변경 시 트랙이 자동으로 제거됩니다.
매개 변수 :
이름 유형 속성 기본값 설명 옵션
물체 생성 중에 HTMLTrackElement 에 전달하는 옵션입니다. 사용해야 하는 개체 속성에 대해서는 HTMLTrackElement를 참조하세요.
수동정리
부울 <선택 과목>
진정한 false로 설정하면 원본 변경 시 TextTrack이 제거됩니다.
반환:
HtmlTrackElement -생성되어 HtmlTrackElementList 및 원격 TextTrackList에 추가된 HTMLTrackElement
- 더 이상 사용되지 않음:
-
- Video.js의 다음 버전에서는 "manualCleanup" 매개변수의 기본값이 "false"로 기본 설정됩니다.
-
addTextTrack (종류 선택 , 레이블 선택 , 언어 선택 ) → { TextTrack |미정의}
-
추가를 위한 헬퍼 메서드 TextTrack우리에게 TextTrackList .
W3C 설정 외에도 옵션을 통해 추가 정보를 추가할 수 있습니다.
매개 변수 :
이름 유형 속성 설명 친절한
끈 <선택 과목>
추가하려는 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로 설정합니다.
반환:
부울 | 문자열 -가져올 때 자동 재생의 현재 값
- true: 브라우저 동작을 사용하여 자동 재생 - false: 자동 재생 안 함 - 'play': 로드 시작 시마다 play() 호출 - 'muted': 로드 시작 시마다 muted() 호출 후 play() - 'any': play() 호출 모든 loadstart에서. 실패하면 muted()를 호출한 다음 play()를 호출합니다. - *: 여기에 나열된 값 이외의 값은
-
흐림 ()
-
이 구성 요소에서 포커스를 제거합니다.
- 재정의:
-
중단점 (중단점 선택 ) → {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 에 전달될 추가 옵션입니다.
-
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 을
사용합니다. -
현재 높이 () → {숫자}
-
구성요소 요소의 계산된 높이를 가져옵니다.
window.getComputedStyle 을
사용합니다.반환:
번호 -구성요소 요소의 계산된 높이입니다.
-
currentSource () → { Tech~SourceObject }
-
현재 소스 개체를 반환합니다.
-
currentSources () → {배열.< 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만 나타냅니다.
매개 변수 :
이름 유형 속성 설명 비율
숫자 <선택 과목>
설정할 새 기본 재생 속도입니다.
-
치수 (치수, 값 옵션 ) → {숫자}
-
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 ()
-
이 기능은 터치 이벤트가 발생할 때마다 사용자 활동을 보고합니다. 이것은 터치 이벤트가 다른 방식으로 작동하기를 원하는 하위 구성 요소에 의해 꺼질 수 있습니다.
터치 이벤트가 발생할 때 사용자 터치 활동을 보고합니다. 컨트롤을 표시하거나 숨길 시기를 결정하는 데 사용자 활동이 사용됩니다. 모든 마우스 이벤트가 컨트롤을 표시해야 하므로 마우스 이벤트에 관해서는 간단합니다. 그래서 우리는 플레이어에게 버블링되는 마우스 이벤트를 캡처하고 그런 일이 발생할 때 활동을 보고합니다. 터치 이벤트를 사용하면
touchstart
및touchend
토글 플레이어 컨트롤만큼 쉽지 않습니다. 따라서 터치 이벤트는 플레이어 수준에서도 도움이 되지 않습니다.사용자 활동은 비동기식으로 확인됩니다. 그래서 일어날 수 있는 일은 비디오의 탭 이벤트가 컨트롤을 끄는 것입니다. 그런 다음
touchend
이벤트가 플레이어에게 거품을 일으킵니다. 사용자 활동을 보고하면 제어 기능이 다시 켜집니다. 또한 터치 이벤트가 버블링되는 것을 완전히 차단하고 싶지 않습니다. 또한touchmove
이벤트 및 탭 이외의 이벤트는 컨트롤을 다시 켜서는 안 됩니다.이벤트 수신:
- Component#event:touchstart
- Component#event:touchmove
- Component#event:touchend
- Component#event:touchcancel
-
종료 () → {부울}
-
플레이어가 "종료" 상태인지 여부를 반환합니다.
반환:
부울 -플레이어가 종료 상태이면 True, 그렇지 않으면 false입니다.
-
enterFullWindow ()
-
전체 화면이 지원되지 않는 경우 브라우저에서 허용하는 만큼 비디오 컨테이너를 확장할 수 있습니다.
화재:
-
오류 (오류 선택 ) → { MediaError |null}
-
현재 MediaError 설정 또는 가져오기
매개 변수 :
이름 유형 속성 설명 잘못
미디어 오류 | 문자열 | 숫자 <선택 과목>
MediaError 또는 MediaError로 변환할 문자열/숫자
화재:
-
전체 화면 종료 ()
-
전체 화면 모드에서 동영상을 원래 크기로 되돌리기
화재:
-
exitFullWindow ()
-
전체 창 종료
화재:
-
exitPictureInPicture () → {약속}
-
Picture-in-Picture 모드를 종료합니다.
화재:
반환:
약속 -약속.
- 참조:
-
채우기 (부울 선택 ) → {부울|정의되지 않음}
-
Player
의 vjs-fillclassName
에 대한 getter/setter/toggler.이 기능을 켜면 유체 모드가 꺼집니다.
매개 변수 :
이름 유형 속성 설명 부울
부울 <선택 과목>
- true 값은 클래스를 추가합니다. - false 값은 클래스를 제거합니다. - 어떤 값도 getter가 되지 않습니다.
반환:
부울 | 정의되지 않은 -- 얻을 때 유체의 가치. - 설정시
정의되지 않음
.
-
flexNotSupported_ () → {부울}
-
가변상자 지원 여부 결정
반환:
부울 -- flexbox가 지원되면 true - flexbox가 지원되지 않으면 false
-
유체 (부울 선택 ) → {부울|정의되지 않음}
-
Player
의 vjs-fluidclassName
에 대한 getter/setter/toggler.이 기능을 켜면 채우기 모드가 꺼집니다.
매개 변수 :
이름 유형 속성 설명 부울
부울 <선택 과목>
- true 값은 클래스를 추가합니다. - false 값은 클래스를 제거합니다. - 어떤 값도 getter가 되지 않습니다.
반환:
부울 | 정의되지 않은 -- 얻을 때 유체의 가치. - 설정시
정의되지 않음
.
-
초점 ()
-
이 구성 요소에 초점 설정
- 재정의:
-
fullWindowOnEscKey (이벤트)
-
ESC 키에서 전체 창을 종료하거나 전체 화면을 종료하라는 호출을 확인합니다.
매개 변수 :
이름 유형 설명 이벤트
끈 키 누름을 확인하는 이벤트
-
getAttribute (속성) → {string|null}
-
Component
요소의 속성 값을 가져옵니다.매개 변수 :
이름 유형 설명 기인하다
끈 값을 가져올 속성의 이름입니다.
반환:
문자열 | 널 -- 요청된 속성의 값입니다. - 속성이 존재하지 않거나 값이 없는 경우 일부 브라우저에서 빈 문자열이 될 수 있습니다. - 속성이 존재하지 않거나 값이 없는 경우 대부분의 브라우저는 null을 반환합니다.
- 재정의:
- 참조:
-
getCache () → {객체}
-
캐시된 값에 대한 개체를 가져옵니다.
반환:
객체 -현재 개체 캐시 가져오기
-
getChild (이름) → { 구성요소 |정의되지 않음}
-
주어진
이름을
가진 자식Component를
반환합니다.매개 변수 :
이름 유형 설명 이름
끈 가져올 자식
구성 요소
의 이름입니다.- 재정의:
-
getChildById (id) → { 구성요소 |정의되지 않음}
-
주어진
id
를 가진 자식Component를
반환합니다.매개 변수 :
이름 유형 설명 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) → {객체}
-
옵션 개체를 새 옵션과 완전히 병합합니다.
참고:
obj
와options
모두 값이 개체인 속성을 포함하는 경우. 두 속성은 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는 주목할만한 예외이며 기본적으로 전체 화면으로 재생됩니다.
- 참조:
-
포스터 (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 트랙을 가져옵니다.
-
remoteTextTracks () → { 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을
둘러싼 래퍼입니다. 대신 이것을 사용해야 하는 몇 가지 이유가 있습니다.- 통해 클리어됩니다. 구성요소#clearInterval언제컴포넌트#dispose호출됩니다.
- 함수 콜백은 Component~GenericCallback이 됩니다.
매개 변수 :
이름 유형 설명 fn
구성요소~GenericCallback x
초마다 실행되는 함수입니다.간격
숫자 지정된 함수를
x
밀리초마다 실행합니다.이벤트 수신:
- 재정의:
- 참조:
-
setTimeout (fn, 타임아웃) → {숫자}
-
x
밀리초 제한 시간 후에 실행되는 함수를 만듭니다. 이 함수는window.setTimeout 을
둘러싼 래퍼입니다. 대신 이것을 사용하는 몇 가지 이유가 있습니다.- 통해 클리어됩니다. 구성요소#clearTimeout언제컴포넌트#dispose호출됩니다.
- 함수 콜백은 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 가져오기
-
toggleClass (classToToggle, 조건자 선택 )
-
구성 요소의 요소에서 CSS 클래스 이름을 추가하거나 제거합니다.
classToToggle은
Component#hasClass가 false를 반환할 때 추가됩니다.클래스투토글
때 제거됩니다구성요소#hasClass true를 반환합니다.
매개 변수 :
이름 유형 속성 설명 클래스투토글
끈 추가하거나 제거할 클래스(@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
-
플레이어가 현재 재생 위치에서 데이터를 다운로드했을 때 발생
유형:
-
로드된 메타데이터
-
브라우저가 오디오/비디오에 대한 메타 데이터를 로드했을 때 발생합니다.
유형:
이 이벤트의 청취자:
-
로드된 메타데이터
-
플레이어에 초기 기간 및 크기 정보가 있을 때 실행됩니다.
유형:
-
로드 스타트
-
사용자 에이전트가 미디어 데이터를 찾기 시작할 때 발생
유형:
이 이벤트의 청취자:
- 음소거 전환#update
- PlaybackRateMenuButton#updateVisibility
- TextTrackDisplay#preselectTrack
- TextTrackDisplay#toggleDisplay
-
일시 중지
-
미디어가 일시 중지될 때마다 실행됨
유형:
이 이벤트의 청취자:
-
플레이
-
Tech#play 이벤트가 발생할 때마다 트리거됩니다. 재생이 시작되었거나 다시 시작되었음을 나타냅니다.
유형:
이 이벤트의 청취자:
-
재생 속도 변경
-
플레이어의 재생 속도가 변경될 때 발생합니다.
유형:
이 이벤트의 청취자:
-
플레이어 크기 조정
-
플레이어 크기가 변경되었을 때 호출됩니다.
유형:
-
놀이
-
미디어가 더 이상 재생에서 차단되지 않고 재생이 시작되었습니다.
유형:
-
플러그인 설정
-
플러그인이 방금 플레이어에 설정되었음을 알립니다.
유형:
-
포스터체인지
-
이 이벤트는 플레이어에서 포스터 이미지가 변경될 때 발생합니다.
유형:
이 이벤트의 청취자:
-
진전
-
사용자 에이전트가 미디어 데이터를 다운로드하는 동안 발생합니다.
유형:
이 이벤트의 청취자:
-
비율 변경
-
오디오/비디오의 재생 속도가 변경되면 발생합니다.
유형:
- 이벤트
이 이벤트의 청취자:
-
준비된
-
구성 요소가
준비되면 트리거됩니다.유형:
- 재정의:
-
크기 조정
-
동영상의 고유 크기가 변경되면 실행됩니다.
유형:
- 이벤트
-
추구
-
플레이어가 새로운 시간으로 점프를 마쳤을 때 발생
유형:
이 이벤트의 청취자:
-
추구
-
플레이어가 새로운 시간으로 점프할 때마다 발생
유형:
-
소스셋
-
EXPERIMENTAL 소스가 Tech 에서 설정되거나 변경되어 미디어 요소가 다시 로드될 때 발생합니다.
초기 소스와 각 후속 소스에 대해 실행됩니다. 이 이벤트는 Video.js의 맞춤 이벤트이며 Tech 에 의해 트리거됩니다.
이 이벤트의 이벤트 개체에는 이벤트가 트리거되었을 때 사용 가능한 소스를 포함하는
src
속성이 포함되어 있습니다. 이것은 일반적으로 소스가 변경되는 동안 Video.js가 기술을 전환하는 경우에만 필요합니다.다음과 같은 경우에도 해고됩니다.
짐
플레이어(또는 미디어 요소)에서 호출됩니다. 사양짐
리소스 선택 알고리즘을 중단하고 다시 시작해야 한다고 말합니다. 이 경우 소스가 무엇인지 알 수 없지만 변경 중임을 나타내기 위해src
속성이 빈 문자열""
로 설정될 가능성이 매우 높습니다.이 이벤트는 현재 아직 실험 중이며 마이너 릴리스에서 변경될 수 있습니다. 이를 사용하려면 플레이어에
enableSourceset
옵션을 전달하십시오.유형:
속성:
이름 유형 설명 소스
끈 소스 세트가
트리거되었을 때 사용 가능한 소스 URL입니다. 소스가 무엇인지 알 수 없지만 소스가 변경될 것이라는 것을 알고 있으면 빈 문자열이 됩니다. -
정지
-
브라우저가 미디어 데이터를 얻으려고 시도하지만 데이터를 사용할 수 없을 때 발생합니다.
유형:
-
유예하다
-
브라우저가 의도적으로 미디어 데이터를 가져오지 않을 때 발생합니다.
유형:
-
수도꼭지
-
구성 요소를
탭하면 트리거됩니다.유형:
- 재정의:
-
텍스트 데이터
-
기술에서 textdata 이벤트를 받으면 발생합니다.
유형:
-
텍스트 트랙 변경
-
텍스트 트랙이 변경되면 발생
유형:
- 이벤트
이 이벤트의 청취자:
-
시간 업데이트
-
현재 재생 위치가 변경되면 발생합니다.
유형:
- 이벤트
이 이벤트의 청취자:
- CurrentTimeDisplay#updateContent
- DurationDisplay#updateContent
- RemainingTimeDisplay#updateContent
- SeekBar#업데이트
- TimeDisplay#updateContent
-
시간 업데이트
-
현재 재생 위치가 변경되면 실행됩니다. * 재생 중에 사용 중인 재생 기술에 따라 15-250밀리초마다 실행됩니다.
유형:
-
사용자
-
유형:
-
userinactive
-
유형:
-
사용자 지정 컨트롤 사용
-
플레이어가 맞춤 HTML 컨트롤을 사용하고 있습니다.
유형:
-
네이티브 컨트롤 사용
-
플레이어가 기본 장치 컨트롤을 사용하고 있습니다.
유형:
-
볼륨 변경
-
볼륨이 변경되면 발생
유형:
- 이벤트
이 이벤트의 청취자:
-
볼륨 변경
-
볼륨이 변경될 때 발생
유형:
-
대기 중
-
DOM 요소의 readyState 변경으로 인해 재생이 중지되었습니다.
유형:
-
플러그인 설정:$name
-
플러그인이 방금 플레이어에 설정되었음을 이름으로 알립니다. 이름은 플러그인의 이름입니다.
유형: