브라이트코브 플레이어 v5.22.2

수업: 기술

기술

Flash 및 HTML5와 같은 미디어 재생 기술 컨트롤러의 기본 클래스입니다.

new Tech( [옵션], 준비)

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

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

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

HTML5 Tech가 준비되면 호출할 콜백 함수입니다.
원천:
기술/tech.js

확장하다

회원

featuresFullscreenResize : 부울

기술이 전체 화면 크기 조정 컨트롤을 지원하는지 여부를 나타내는 부울입니다. 전체 화면 요청을 사용하여 플러그인 크기를 조정하면 플러그인이 다시 로드됩니다.

유형:
  • 부울
원천:
기술/tech.js

featuresNativeTextTracks :부울

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

유형:
  • 부울
원천:
기술/tech.js

featuresPlaybackRate : 부울

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

  • 플레이어를 2배(2배) 빠르게 재생하도록 설정
  • 0.5배(절반) 빠르게 플레이하도록 플레이어 설정
유형:
  • 부울
원천:
기술/tech.js

featuresProgressEvents :부울

기술이 진행 이벤트를 지원하는지 여부를 나타내는 부울입니다. 이것은 현재 video-js-swf에 의해 트리거되지 않습니다. Tech#manualProgressOn을 호출해야 하는지 여부를 결정하는 데 사용됩니다.

유형:
  • 부울
원천:
기술/tech.js

featuresTimeupdateEvents :부울

기술이 timeupdate 이벤트를 지원하는지 여부를 나타내는 부울입니다. 이것은 현재 video-js-swf에 의해 트리거되지 않습니다. Tech#manualTimeUpdates를 호출해야 하는지 여부를 결정하는 데 사용됩니다.

유형:
  • 부울
원천:
기술/tech.js

featuresVolumeControl :부울

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

유형:
  • 부울
기본값:
  • 진정한
원천:
기술/tech.js

행동 양식

<공전> getTech(이름)

이름으로 공유 목록에서 기술을 가져옵니다.

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

가져올 구성 요소의 이름
원천:
기술/tech.js
반환:

요청한 이름의 기술이 없는 경우 기술 또는 정의되지 않음.

유형
기술 | 한정되지 않은

<공전> registerTech(이름, 기술)

videojs의 공유 목록에 기술을 등록합니다.

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

등록할 기술 의 이름입니다.
기술 물체

등록할 Tech 클래스입니다.
원천:
기술/tech.js

<공전> withSourceHandlers(_Tech)

소스 처리기 패턴을 사용하려는 기술자를 위한 기능적 혼합입니다. 소스 처리기는 특정 형식을 처리하기 위한 스크립트입니다. 소스 처리기 패턴은 비디오 데이터를 수동으로 로드하고 소스 버퍼(Media Source Extensions)에 공급하는 적응형 형식(HLS, DASH)에 사용됩니다. 예: Tech.withSourceHandlers.call(MyTech);

매개 변수 :
이름 유형 설명
_기술 기술

소스 처리기 기능을 추가하는 기술입니다.
혼합:
  • Tech~SourceHandlerAdditions
원천:
기술/tech.js

$(선택자 [, 문맥])

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

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

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

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

발견된 dom 요소 또는 null

유형
요소 | 없는

$$(선택자 [, 문맥])

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

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

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

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

발견된 dom 요소 목록

유형
노드 목록

addChild(자식 [, 옵션] [, 인덱스])

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

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

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

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

자식을 추가하려고 시도하는 인덱스입니다.
다음에서 상속:
원천:
component.js
반환:

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

유형
요소

추가클래스(classToAdd)

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

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

추가할 CSS 클래스 이름
다음에서 상속:
원천:
component.js
반환:

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

유형
요소

addRemoteTextTrack(옵션 [, manualCleanup])

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

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

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

자세한 속성은 Tech#createRemoteTextTrack을 참조하세요.
수동정리 부울 <선택 과목>
 진정한
  • 거짓인 경우: TextTrack이 비디오에서 자동으로 제거됩니다.
    소스가 변경될 때마다 요소
 - 참인 경우: TextTrack은 수동으로 정리해야 합니다.
더 이상 사용되지 않음:
  • 이 기능의 기본 기능은 향후 "manualCleanup=false"와 동일합니다. manualCleanup 매개변수도 제거됩니다.
원천:
기술/tech.js
반환:

Html 트랙 요소.

유형
HTMLTrackElement

addTextTrack(종류 [, 라벨] [, 언어])

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

매개 변수 :
이름 유형 논쟁 설명
친절한 끈

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

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

두 글자 언어 약어
원천:
기술/tech.js
반환:

생성되는 TextTrack입니다.

유형
TextTrack

addWebVttScript_()

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

원천:
기술/tech.js
화재:

오디오 트랙()

Tech 의 AudioTrackList를 가져옵니다.

원천:
기술/tech.js
반환:

Tech에서 현재 사용 중인 오디오 트랙 목록입니다.

유형
오디오트랙리스트

흐림()

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

다음에서 상속:
원천:
component.js

버퍼링()

버퍼링을 위한 TimeRange 개체를 가져오고 만듭니다.

원천:
기술/tech.js
반환:

생성된 시간 범위 개체입니다.

유형
시간 범위

bufferedPercent()

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

원천:
기술/tech.js
반환:

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

유형
숫자

<추상적인> buildCSSClass()

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

다음에서 상속:
원천:
component.js
반환:

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

유형
끈

어린이들()

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

다음에서 상속:
원천:
component.js
반환:

아이들

유형
정렬

cleanupAutoTextTracks()

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

원천:
기술/tech.js

clearInterval(간격 ID)

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

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

지울 간격의 ID입니다. Component#setInterval 또는 window.setInterval 의 반환 값입니다.
다음에서 상속:
원천:
component.js
참조:
반환:

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

유형
숫자

clearTimeout(타임아웃 ID)

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

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

지울 제한 시간의 ID입니다. Component#setTimeout 또는 window.setTimeout 의 반환 값입니다.
다음에서 상속:
원천:
component.js
참조:
반환:

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

유형
숫자

clearTracks(유형)

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

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

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

지울 TrackList 이름, 유효한 이름은 video , audio 및 text 입니다.
원천:
기술/tech.js

내용엘()

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

다음에서 상속:
원천:
component.js
반환:

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

유형
요소

createEl( [태그 이름] [, 속성] [, 속성])

구성 요소의 DOM 요소를 만듭니다.

매개 변수 :
이름 유형 논쟁 설명
태그 이름 끈 <선택 과목>

요소의 DOM 노드 유형입니다. 예: 'div'
속성 물체 <선택 과목>

설정해야 하는 속성의 개체입니다.
속성 물체 <선택 과목>

설정해야 하는 속성의 개체입니다.
다음에서 상속:
원천:
component.js
반환:

생성되는 요소입니다.

유형
요소

createRemoteTextTrack(옵션)

addRemoteTextTrack에서 사용할 에뮬레이트된 TextTrack 만들기

이는 기본 또는 사용자 정의 TextTrack을 생성하기 위해 Tech에서 상속하는 클래스에 의해 재정의됩니다.

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

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

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

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

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

두 글자 언어 약어.
원천:
기술/tech.js
반환:

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

유형
HTMLTrackElement

현재 치수(너비 또는 높이)

구성 요소 계산 스타일의 너비 또는 높이를 가져옵니다. window.getComputedStyle 을 사용합니다.

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

'너비' 또는 '높이'를 포함하는 문자열. 당신이 얻고 싶은 것.
다음에서 상속:
원천:
component.js
반환:

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

유형
숫자

현재 치수()

Component 계산 스타일의 너비 및 높이 값을 포함하는 개체를 가져옵니다.

다음에서 상속:
원천:
component.js
반환:

구성요소 요소의 치수

유형
Component~DimensionObject

현재 높이()

Component 계산 스타일의 높이를 가져옵니다. window.getComputedStyle 을 사용합니다.

다음에서 상속:
원천:
component.js
반환:

height 구성 요소 의 계산 스타일 높이입니다.

유형
숫자

전류폭()

Component 계산 스타일의 너비를 가져옵니다. window.getComputedStyle 을 사용합니다.

다음에서 상속:
원천:
component.js
반환:

width Component 계산 스타일의 폭입니다.

유형
숫자

차원(너비 또는 높이 [, 숫자] [, skipListeners])

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

알아야 할 사항:

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

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

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

크기 조정 이벤트 트리거 건너뛰기
다음에서 상속:
원천:
component.js
화재:
반환:
  • 얻을 때의 차원 또는 설정되지 않은 경우 0
    - 설정시 자신을 반환합니다. 메서드를 연결할 수 있습니다.
유형
요소

치수(너비, 높이)

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

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

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

Component 요소를 설정할 높이입니다.
다음에서 상속:
원천:
component.js
반환:

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

유형
요소

폐기()

모든 이벤트 폴리필을 끄고 Tech s AudioTrackList , VideoTrackList 및 TextTrackList 를 지우고 이 Tech를 폐기합니다.

재정의:
원천:
기술/tech.js
화재:

엘자()

Component 의 DOM 요소 가져오기

다음에서 상속:
원천:
component.js
반환:

이 Component 의 DOM 요소입니다.

유형
요소

enableTouchActivity()

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

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

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

다음에서 상속:
원천:
component.js
이벤트 수신:
  • Component#event:touchstart
  • Component#event:touchmove
  • Component#event:touchend
  • Component#event:touchcancel

오류( [오류])

Tech에서 오류를 가져오거나 설정합니다.

매개 변수 :
이름 유형 논쟁 설명
잘못 미디어 오류 <선택 과목>

기술 설정 오류
원천:
기술/tech.js
반환:

기술의 현재 오류 개체 또는 없는 경우 null입니다.

유형
미디어 오류 | 없는

집중하다()

이 구성 요소에 초점 설정

다음에서 상속:
원천:
component.js

getAttribute(속성)

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

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

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

getChild(이름)

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

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

가져올 자식 구성 요소 의 이름입니다.
다음에서 상속:
원천:
component.js
반환:

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

유형
구성요소 | 한정되지 않은

getChildById(ID)

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

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

가져올 자식 구성 요소 의 ID입니다.
다음에서 상속:
원천:
component.js
반환:

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

유형
구성요소 | 한정되지 않은

<추상적인> getVideoPlaybackQuality()

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

원천:
기술/tech.js
참조:
반환:

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

유형
물체

hasClass(classToCheck)

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

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

확인할 CSS 클래스 이름입니다.
다음에서 상속:
원천:
component.js
반환:
  • 구성 요소 에 클래스가 있으면 참입니다.
    - `Component`에 class`가 없으면 False
유형
부울

높이( [숫자] [, skipListeners])

CSS 스타일을 기반으로 구성 요소의 높이를 가져오거나 설정합니다. 자세한 내용은 Component#dimension을 참조하십시오.

매개 변수 :
이름 유형 논쟁 설명
숫자 번호 | 끈 <선택 과목>

설정하려는 높이는 '%', 'px' 또는 아무것도 뒤에 붙지 않습니다.
skipListeners 부울 <선택 과목>

크기 조정 이벤트 트리거 건너뛰기
다음에서 상속:
원천:
component.js
반환:
  • 가져올 때 너비, 너비가 없으면 0입니다. 문자열이 될 수 있습니다.
    '%' 또는 'px'가 뒤에 붙습니다.
  - 설정시 자체적으로 반환됩니다. 메서드를 연결할 수 있습니다.
유형
구성요소 | 번호 | 끈

숨다()

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

다음에서 상속:
원천:
component.js
반환:

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

유형
요소

ID()

이 구성 요소 의 ID 가져오기

다음에서 상속:
원천:
component.js
반환:

이 구성요소 의 ID

유형
끈

초기화 어린이()

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

다음에서 상속:
원천:
component.js

initTextTrackListeners()

TextTrackList 이벤트에 대한 리스너를 켭니다. 이렇게 하면 texttrackchange , addtrack 및 removetrack 에 대한 EventTarget~EventListeners가 추가됩니다.

원천:
기술/tech.js
화재:

initTrackListeners()

VideoTrackList 및 {AudioTrackList 이벤트에 대한 리스너를 켭니다. 이렇게 하면 addtrack 및 removetrack 에 대한 EventTarget~EventListeners가 추가됩니다.

원천:
기술/tech.js
화재:

현지화(문자열)

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

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

지역화할 문자열입니다.
다음에서 상속:
원천:
component.js
반환:

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

유형
끈

수동진행오프()

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

원천:
기술/tech.js

manualProgressOn()

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

원천:
기술/tech.js
참조:

manualTimeUpdatesOff()

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

원천:
기술/tech.js

manualTimeUpdatesOn()

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

원천:
기술/tech.js
참조:

이름()

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

다음에서 상속:
원천:
component.js
반환:

이 Component 의 이름입니다.

유형
끈

off( [첫 번째] [, 두 번째] [, 세 번째])

이 Component 요소에서 이벤트 수신기를 제거합니다. 두 번째 인수가 제외되면 첫 번째 인수로 전달된 유형의 모든 리스너가 제거됩니다.

매개 변수 :
이름 유형 논쟁 설명
첫 번째 문자열 | 구성요소 | 정렬.< 끈> <선택 과목>

이벤트 이름 및 이벤트 이름의 배열 또는 다른 Component .
두번째 EventTarget~EventListener | 문자열 | 정렬.< 끈> <선택 과목>

리스너 함수, 이벤트 이름 또는 이벤트 이름의 배열입니다.
제삼 EventTarget~EventListener <선택 과목>

첫 번째 가 구성 요소 이고 두 번째 가 이벤트 이름 또는 이벤트 이름의 배열인 경우 이벤트 핸들러입니다.
다음에서 상속:
원천:
component.js
반환:

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

유형
요소

on( [첫 번째] [, 두 번째] [, 세 번째])

이 Component 요소에 이벤트 수신기를 추가합니다.

다음보다 이것을 사용하는 이점:

  • VjsEvents.on(otherElement, 'eventName', myFunc)

  • otherComponent.on('eventName', myFunc)

  • 두 구성 요소 중 하나가 삭제되면 수신기가 정리됩니다.

  • 또한 myFunc 의 컨텍스트로 myComponent를 바인딩합니다.

    참고 : 사용된 DOM에서 요소를 제거하는 경우 다음을 수행해야 합니다.

    `myComponent.trigger(el, 'dispose')`를 사용하여 참조를 정리합니다.
 이것은 또한 브라우저가 가비지 수집을 허용합니다. 특별히
 둘 다 영구적인 `window` 및 `document`와 같은 경우,
 이것은 필요하지 않습니다.
매개 변수 :
이름 유형 논쟁 설명
첫 번째 문자열 | 구성요소 | 정렬.< 끈> <선택 과목>

이벤트 이름 및 이벤트 이름의 배열 또는 다른 Component .
두번째 EventTarget~EventListener | 문자열 | 정렬.< 끈> <선택 과목>

리스너 함수, 이벤트 이름 또는 이벤트 이름의 배열입니다.
제삼 EventTarget~EventListener <선택 과목>

첫 번째 가 구성 요소 이고 두 번째 가 이벤트 이름 또는 이벤트 이름의 배열인 경우 이벤트 핸들러입니다.
다음에서 상속:
원천:
component.js
이벤트 수신:
반환:

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

유형
요소

onDurationChange(이벤트)

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

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

이것을 실행하게 만든 durationchange 이벤트입니다.
원천:
기술/tech.js
이벤트 수신:
  • 기술#이벤트:기간변경

하나( [첫 번째] [, 두 번째] [, 세 번째])

한 번만 트리거된 다음 제거되는 이벤트 리스너를 추가합니다.

매개 변수 :
이름 유형 논쟁 설명
첫 번째 문자열 | 구성요소 | 정렬.< 끈> <선택 과목>

이벤트 이름 및 이벤트 이름의 배열 또는 다른 Component .
두번째 EventTarget~EventListener | 문자열 | 정렬.< 끈> <선택 과목>

리스너 함수, 이벤트 이름 또는 이벤트 이름의 배열입니다.
제삼 EventTarget~EventListener <선택 과목>

첫 번째 가 구성 요소 이고 두 번째 가 이벤트 이름 또는 이벤트 이름의 배열인 경우 이벤트 핸들러입니다.
다음에서 상속:
원천:
component.js
반환:

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

유형
요소

옵션(obj)

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

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

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

새 옵션을 포함하는 개체입니다.
다음에서 상속:
더 이상 사용되지 않음:
  • 버전 5 이후
원천:
component.js
반환:

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

유형
물체

재생()

현재 소스에 대해 재생된 TimeRange 를 반환합니다.

참고 : 이 구현은 불완전합니다. 재생된 TimeRange 를 추적하지 않습니다. 소스가 전혀 재생되지 않았는지 여부만 확인합니다.

원천:
기술/tech.js
반환:
  • 이 동영상이 재생된 경우 단일 시간 범위
    - 그렇지 않은 경우 빈 범위 세트.
유형
시간 범위

플레이어()

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

다음에서 상속:
원천:
component.js
반환:

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

유형
플레이어

<추상적인> 재생인라인()

플레이시닌'의 존재를 확인하는 방법

원천:
기술/tech.js

준비 완료(fn [, 동기화])

리스너를 구성 요소의 준비 상태에 바인딩합니다. 준비 이벤트가 이미 발생한 경우 즉시 기능을 트리거합니다.

매개 변수 :
이름 유형 논쟁 기본값 설명
fn 구성요소~ReadyCallback

준비가 트리거될 때 호출할 함수입니다.
동조 부울 <선택 과목>
 거짓

Component가 준비되면 리스너를 동기적으로 실행합니다.
다음에서 상속:
원천:
component.js
반환:

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

유형
요소

remoteTextTrackEls()

TextTracks로 사용되고 있는 DOM의 요소인 The Tech 의 {HTMLTrackElementList}를 가져옵니다.

원천:
기술/tech.js
반환:

기술에 대해 존재하는 현재 HTML 트랙 요소입니다.

유형
HTMLTrackElementList

remoteTextTracks()

DOM에 추가된 요소에서 생성된 Tech 의 원격 TextTrackList를 가져옵니다.

원천:
기술/tech.js
반환:

Tech에서 현재 사용 중인 원격 텍스트 트랙 목록입니다.

유형
TextTrackList

removeAttribute(속성)

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

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

제거할 속성의 이름입니다.
다음에서 상속:
원천:
component.js
참조:
반환:

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

유형
요소

removeChild(구성 요소)

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

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

제거할 자식 Component 입니다.
다음에서 상속:
원천:
component.js

removeClass(classToRemove)

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

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

제거할 CSS 클래스 이름
다음에서 상속:
원천:
component.js
반환:

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

유형
요소

removeRemoteTextTrack(트랙)

원격 TextTrackList 에서 원격 텍스트 트랙을 제거합니다.

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

TextTrackList 에서 제거할 TextTrack
원천:
기술/tech.js

<추상적인> 초기화()

기술을 재설정하면 모든 소스가 제거되고 내부 readyState가 재설정됩니다.

원천:
기술/tech.js

setAttribute(속성, 값)

Component 요소의 속성 값 설정

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

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

속성을 설정할 값입니다.
다음에서 상속:
원천:
component.js
참조:
반환:

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

유형
요소

setCurrentTime()

Tech#manualTimeUpdatesOn이 이전에 호출된 경우 수동 시간 업데이트가 발생합니다.

원천:
기술/tech.js
화재:

setInterval(fn, 간격)

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

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

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

지정된 함수를 x 밀리초마다 실행합니다.
다음에서 상속:
원천:
component.js
참조:
이벤트 수신:
반환:

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

유형
숫자

<추상적인> setPlaysinline()

'playsinine'을 설정 또는 해제하는 방법

원천:
기술/tech.js

<추상적인> setPoster()

Tech 에서 포스터를 설정하는 방법입니다.

원천:
기술/tech.js

setTimeout(fn, 타임아웃)

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

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

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

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

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

지정된 함수를 실행하기 전에 지연되는 시간 제한(밀리초)입니다.
다음에서 상속:
원천:
component.js
참조:
이벤트 수신:
반환:

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

유형
숫자

보여주다()

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

다음에서 상속:
원천:
component.js
반환:

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

유형
요소

stopTrackingCurrentTime()

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

원천:
기술/tech.js
이벤트 수신:
  • {Tech#event:pause}

stopTrackingProgress()

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

원천:
기술/tech.js

텍스트 트랙()

Tech 의 TextTrackList를 가져옵니다.

원천:
기술/tech.js
반환:

Tech에서 현재 사용 중인 텍스트 트랙 목록입니다.

유형
TextTrackList

toggleClass(classToToggle [, predicate])

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

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

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

Dom~predicate 함수 또는 부울
다음에서 상속:
원천:
component.js
반환:

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

유형
요소

trackCurrentTime()

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

원천:
기술/tech.js
이벤트 수신:
  • Tech#event:play

trackProgress(이벤트)

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

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

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

이것을 실행하게 만든 준비 이벤트.
원천:
기술/tech.js
화재:
이벤트 수신:

trigger(이벤트 [, 해시])

요소에서 이벤트를 트리거합니다.

매개 변수 :
이름 유형 논쟁 설명
이벤트 이벤트대상~이벤트 | 개체 | 끈

이벤트 이름 및 Event 또는 이벤트 이름으로 설정된 type 속성이 있는 이벤트와 유사한 객체.
해시시 물체 <선택 과목>

이벤트와 함께 전달할 데이터 해시
다음에서 상속:
원천:
component.js
반환:

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

유형
요소

트리거준비()

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

다음에서 상속:
원천:
component.js
화재:

비디오 트랙()

Tech 의 VideoTrackList를 가져옵니다.

원천:
기술/tech.js
반환:

Tech에서 현재 사용 중인 비디오 트랙 목록입니다.

유형
비디오트랙리스트

너비( [숫자] [, skipListeners])

CSS 스타일을 기반으로 구성 요소의 너비를 가져오거나 설정합니다. 자세한 내용은 Component#dimension을 참조하십시오.

매개 변수 :
이름 유형 논쟁 설명
숫자 번호 | 끈 <선택 과목>

설정하려는 너비는 '%', 'px' 또는 아무것도 뒤에 붙지 않습니다.
skipListeners 부울 <선택 과목>

크기 조정 이벤트 트리거 건너뛰기
다음에서 상속:
원천:
component.js
반환:
  • 가져올 때 너비, 너비가 없으면 0입니다. 문자열이 될 수 있습니다.
    '%' 또는 'px'가 뒤에 붙습니다.
  - 설정시 자체적으로 반환됩니다. 메서드를 연결할 수 있습니다.
유형
구성요소 | 번호 | 끈

유형 정의

SourceObject

다음과 같은 구조를 포함하는 객체: {src: 'url', type: 'mimetype'} 또는 src url만 포함하는 문자열.

  • var SourceObject = {src: 'http://ex.com/video.mp4', 유형: 'video/mp4'}; var SourceString = 'http://example.com/some-video.mp4';
유형:
  • 개체 | 끈
속성:
이름 유형 설명
소스 끈

소스에 대한 URL
유형 끈

소스의 MIME 유형
원천:
기술/tech.js

이벤트

오디오트랙체인지

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

유형: EventTarget~이벤트
원천:
기술/tech.js

처분하다

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

유형: EventTarget~이벤트
속성:
이름 유형 논쟁 기본값 설명
거품 부울 <선택 과목>
 거짓

닫기 이벤트가 발생하지 않도록 false로 설정
다음에서 상속:
원천:
component.js
이 이벤트의 청취자:

진전

Player#progress 참조

유형: EventTarget~이벤트
원천:
기술/tech.js

준비된

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

유형: EventTarget~이벤트
다음에서 상속:
원천:
component.js
이 이벤트의 청취자:

크기 조정

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

유형: EventTarget~이벤트
다음에서 상속:
원천:
component.js

수도꼭지

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

유형: EventTarget~이벤트
다음에서 상속:
원천:
component.js

텍스트 트랙 변경

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

유형: EventTarget~이벤트
원천:
기술/tech.js

시간 업데이트

250ms 간격으로 트리거되어 비디오에서 시간이 흐르고 있음을 나타냅니다.

유형: EventTarget~이벤트
원천:
기술/tech.js

시간 업데이트

수동 timeupdate 이벤트입니다.

유형: EventTarget~이벤트
원천:
기술/tech.js

비디오트랙체인지

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

유형: EventTarget~이벤트
원천:
기술/tech.js

vttjs로드됨

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

유형: EventTarget~이벤트
원천:
기술/tech.js

vttjs로드됨

오류로 인해 vtt.js가 로드되지 않았을 때 발생

유형: EventTarget~이벤트
원천:
기술/tech.js