수업: 플레이어

플레이어

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

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

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

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

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

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

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

옵션 물체 <선택 과목>

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

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

콜백 기능 준비.

원천:
player.js

확장하다

회원


<공전> 플레이어 :객체

글로벌 플레이어 목록

유형:
  • 물체
원천:
player.js

행동 양식


<공전> getTagSettings(태그)

태그 설정 가져오기

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

플레이어 태그

원천:
player.js
반환:

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

유형
물체

$(선택자 [, 문맥])

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

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

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

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

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

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

발견된 dom 요소 또는 null

유형
요소 | 없는

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

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

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

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])

원격 TextTrackHTMLTrackElement 를 만듭니다. manualCleanup이 false로 설정되지 않는 한 소스가 변경될 때마다 비디오 요소에서 자동으로 제거됩니다.

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

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

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

false로 설정하면 TextTrack은

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

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

유형
HTMLTrackElement

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

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

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

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

추가하려는 TextTrack의 종류

상표 <선택 과목>

TextTrack 레이블을 제공할 레이블

언어 <선택 과목>

TextTrack에 설정할 언어

원천:
player.js
참조:
반환:

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

유형
텍스트 트랙 | 한정되지 않은

aspectRatio( [비율])

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

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

`플레이어의 종횡비를 설정할 값.

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

오디오 트랙()

AudioTrackList 가져오기

원천:
player.js
참조:
반환:

현재 오디오 트랙 목록

유형
오디오트랙리스트

자동 재생( [값])

자동 재생 속성을 가져오거나 설정합니다.

매개 변수 :
이름 유형 논쟁 설명
부울 <선택 과목>
  • true는 자동 재생해야 함을 의미합니다.
    - 자동 재생하지 않아야 한다는 거짓 메시지
원천:
player.js
반환:
  • 자동 재생의 현재 값
    - 설정시 플레이어
유형
문자열 | 플레이어

흐림()

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

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

버퍼링()

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

원천:
player.js
참조:
반환:

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

유형
시간 범위

버퍼링 종료()

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

원천:
player.js
반환:

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

유형
숫자

bufferedPercent()

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

원천:
player.js
반환:

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

유형
숫자

<추상적인> buildCSSClass()

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

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

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

유형

canPlayType(유형)

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

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

확인할 mimetype

원천:
player.js
참조:
반환:

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

유형

어린이들()

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

다음에서 상속:
원천:
component.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를 반환합니다.

유형
숫자

내용엘()

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

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

Component 의 콘텐츠 요소입니다.

유형
요소

컨트롤( [부울])

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

매개 변수 :
이름 유형 논쟁 설명
부울 부울 <선택 과목>
  • 컨트롤을 켜려면 true
    - 컨트롤을 끄려면 false
원천:
player.js
화재:
반환:
  • 가져올 때 컨트롤의 현재 값
    - 설정시 플레이어
유형
부울 | 플레이어

createEl()

Player 의 DOM 요소를 만듭니다.

재정의:
원천:
player.js
반환:

생성되는 DOM 요소입니다.

유형
요소

createModal(내용 [, 옵션])

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

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

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

옵션 물체 <선택 과목>

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

원천:
player.js
반환:

생성된 ModalDialog

유형
ModalDialog

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

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

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

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

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

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

유형
숫자

현재 치수()

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

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

구성요소 요소의 치수

유형
Component~DimensionObject

현재 높이()

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

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

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

유형
숫자

전류소스()

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

원천:
player.js
반환:

현재 소스 객체

유형
Tech~SourceObject

전류소스()

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

원천:
player.js
반환:

현재 소스 개체

유형
정렬.< Tech~SourceObject>

currentSrc()

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

원천:
player.js
반환:

현재 소스

유형

currentTime([초])

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

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

찾는 시간(초)

원천:
player.js
반환:
  • 가져올 때 현재 시간(초)
    - 설정할 때 현재 플레이어 개체에 대한 참조
유형
플레이어 | 숫자

전류 유형()

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

원천:
player.js
반환:

소스 MIME 유형

유형

전류폭()

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

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

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

유형
숫자

차원(차원 [, 값])

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

매개 변수 :
이름 유형 논쟁 설명
치수

이 문자열은 다음과 같을 수 있습니다.

- '너비'
   - '높이'
숫자 <선택 과목>

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

재정의:
원천:
player.js
반환:
  • 설정할 때 자신을 반환합니다. 메서드를 연결할 수 있습니다.
    - (너비/높이)를 가져올 때 차원 인수 값입니다.
유형
플레이어 | 숫자

치수(너비, 높이)

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

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

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

신장 번호 |

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

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

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

유형
요소

폐기()

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

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

재정의:
원천:
player.js
화재:

기간( [초])

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

참고 : 재생 시간을 알 수 있으려면 동영상이 로드되기 시작해야 하며 Flash의 경우 동영상 재생이 시작될 때까지 알 수 없습니다.

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

설정할 동영상 길이(초)

원천:
player.js
화재:
반환:
  • 가져올 때 비디오의 길이(초)
    - 이 함수를 호출한 플레이어에 대한 참조
        설정할 때
유형
번호 | 플레이어

엘자()

Component 의 DOM 요소 가져오기

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

Component 의 DOM 요소입니다.

유형
요소

enableTouchActivity()

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

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

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

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

종료()

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

원천:
player.js
반환:

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

유형
부울

enterFullWindow()

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

원천:
player.js
화재:

오류( [오류])

현재 MediaError 설정 또는 가져오기

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

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

원천:
player.js
화재:
반환:
  • 가져올 때의 현재 MediaError(또는 null)
    - 설정시 플레이어
유형
미디어 오류 | | 플레이어

exitFullscreen()

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

원천:
player.js
화재:
반환:

현재 플레이어에 대한 참조

유형
플레이어

exitFullWindow()

전체 창 종료

원천:
player.js
화재:

flexNotSupported_()

flexbox가 지원되는지 여부 확인

원천:
player.js
반환:
  • flexbox가 지원되는 경우 true
    - flexbox가 지원되지 않는 경우 false
유형
부울

유체( [부울])

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

매개 변수 :
이름 유형 논쟁 설명
부울 부울 <선택 과목>
  • true 값은 클래스를 추가합니다.
    - false 값은 클래스를 제거합니다.
     - 아무 값도 입력하지 않으면 유동 등급이 전환됩니다.
원천:
player.js
반환:
  • 얻을 때 유체의 가치.
    - 설정시 `정의되지 않음`.
유형
부울 | 한정되지 않은

집중하다()

이 구성 요소에 초점 설정

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

fullWindowOnEscKey(이벤트)

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

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

키 누름을 확인하는 이벤트

원천:
player.js

getAttribute(속성)

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

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

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

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

getCache()

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

원천:
player.js
반환:

현재 개체 캐시 가져오기

유형
물체

getChild(이름)

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

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

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

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

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

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

getChildById(ID)

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

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

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

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

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

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

getVideoPlaybackQuality()

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

원천:
player.js
참조:
반환:

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

유형
개체 | 한정되지 않은

hasClass(classToCheck)

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

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

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

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

시작했습니다(시작했습니다)

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

매개 변수 :
이름 유형 설명
시작했다 부울
  • true: 클래스를 추가합니다.
    - false: 클래스를 제거합니다.
원천:
player.js
화재:
반환:

hasStarted의 부울 값

유형
부울

높이( [값])

Player 의 높이에 대한 getter/setter입니다.

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

`플레이어의 높이를 설정할 값.

재정의:
원천:
player.js
반환:

Player 의 현재 높이입니다.

유형
숫자

숨다()

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

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

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

유형
요소

ID()

구성 요소 의 ID 가져오기

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

구성요소 의 ID

유형

초기화 어린이()

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

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

isAudio(부울)

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

매개 변수 :
이름 유형 설명
부울 부울
  • true는 이것이 오디오 플레이어임을 나타냅니다.
    - 오디오 플레이어가 아니라는 잘못된 신호
원천:
player.js
반환:
  • 가져올 때 isAudio의 현재 값
    - 설정하는 경우 플레이어
유형
플레이어 | 부울

isFullscreen( [isFS])

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

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

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

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

원천:
player.js
반환:
  • 전체 화면이 켜져 있고 가져오는 경우 true
    - 전체 화면이 꺼져 있으면 false
      - 설정 시 현재 플레이어에 대한 참조
유형
부울 | 플레이어

언어( [코드])

플레이어의 언어 코드 참고: 컨트롤을 특정 언어로 빌드하려면 플레이어 옵션에서 언어를 설정해야 합니다. 나중에 언어를 변경하면 컨트롤 텍스트가 업데이트되지 않습니다.

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

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

원천:
player.js
반환:
  • 얻을 때 현재 언어 코드
    - 설정 시 플레이어에 대한 참조
유형
문자열 | 플레이어

언어()

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

원천:
player.js
반환:

지원되는 언어 배열

유형
정렬

짐()

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

원천:
player.js
반환:

플레이어에 대한 참조

유형
플레이어

현지화(문자열)

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

매개 변수 :
이름 유형 설명

지역화할 문자열입니다.

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

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

유형

루프( [값])

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

매개 변수 :
이름 유형 논쟁 설명
부울 <선택 과목>
  • true는 비디오를 반복해야 함을 의미합니다.
    - false는 비디오를 반복하지 않아야 함을 의미합니다.
원천:
player.js
반환:
  • 가져올 때 루프의 현재 값
    - 설정시 플레이어
유형
문자열 | 플레이어

음소거( [음소거됨])

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

매개 변수 :
이름 유형 논쟁 설명
음소거 부울 <선택 과목>
  • 음소거
    - 거짓으로 음소거 해제
원천:
player.js
반환:
  • 음소거가 켜져 있고 점점
    - 음소거가 꺼져 있으면 거짓
      - 설정 시 현재 플레이어에 대한 참조
유형
부울 | 플레이어

이름()

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

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

Component 의 이름입니다.

유형

네트워크 상태()

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

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

현재 네트워크 활동 상태

유형
숫자

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
이벤트 수신:
반환:

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

유형
요소

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

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

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

이벤트 이름 및 이벤트 이름의 배열 또는 다른 Component .

두번째 EventTarget~EventListener | 문자열 | 정렬.< 끈> <선택 과목>

리스너 함수, 이벤트 이름 또는 이벤트 이름의 배열입니다.

제삼 EventTarget~EventListener <선택 과목>

첫 번째구성 요소 이고 두 번째 가 이벤트 이름 또는 이벤트 이름의 배열인 경우 이벤트 핸들러입니다.

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

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

유형
요소

옵션(obj)

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

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

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

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

다음에서 상속:
더 이상 사용되지 않음:
  • 버전 5 이후
원천:
component.js
반환:

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

유형
물체

정지시키다()

비디오 재생 일시 중지

원천:
player.js
반환:

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

유형
플레이어

일시 중지()

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

원천:
player.js
반환:
  • false: 미디어가 현재 재생 중인 경우
    - true: 미디어가 현재 재생되지 않는 경우
유형
부울

놀다()

미디어 재생 시작

원천:
player.js
반환:

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

유형
플레이어

재생 속도( [속도])

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

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

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

원천:
player.js
참조:
반환:
  • 현재 재생 속도 또는 1.0
    - 설정시 플레이어
유형
번호 | 플레이어

플레이어()

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

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

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

유형
플레이어

playinline( [값])

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

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

포스터( [src])

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

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

포스터 이미지 소스 URL

원천:
player.js
화재:
반환:
  • 얻을 때 포스터의 현재 가치
    - 설정시 플레이어
유형
문자열 | 플레이어

예압( [값])

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

매개 변수 :
이름 유형 논쟁 설명
부울 <선택 과목>
  • true는 미리 로드해야 함을 의미합니다.
    - 미리 로드하면 안 되는 거짓 메시지
원천:
player.js
반환:
  • 가져올 때 사전 로드 속성 값
    - 설정시 플레이어
유형
문자열 | 플레이어

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

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

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

준비가 트리거될 때 호출할 함수입니다.

동조 부울 <선택 과목>
거짓

Component가 준비되면 리스너를 동기적으로 실행합니다.

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

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

유형
요소

준비상태()

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

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

현재 재생 렌더링 상태

유형
숫자

남은 시간()

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

원천:
player.js
반환:

남은 시간(초)

유형
숫자

remoteTextTrackEls()

"원격" HTMLTrackElementList를 가져옵니다. 이것은 사용자에게 원격 TextTrackList 와 일치하는 모든 DOM 요소를 제공합니다.

원천:
player.js
반환:

현재 원격 텍스트 트랙 목록 요소 또는 기술이 없는 경우 정의되지 않음

유형
HTMLTrackElementList

remoteTextTracks()

"원격" TextTrackList 를 가져옵니다. 원격 텍스트 트랙은 HTML 비디오 요소에 추가되어 제거할 수 있는 트랙이지만 일반 텍스트 트랙은 제거할 수 없습니다.

원천:
player.js
반환:

현재 원격 텍스트 트랙 목록 또는 기술이 없는 경우 정의되지 않음

유형
TextTrackList | 한정되지 않은

removeAttribute(속성)

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

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

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

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

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

유형
요소

removeChild(구성 요소)

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

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

제거할 자식 Component 입니다.

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

removeClass(classToRemove)

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

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

제거할 CSS 클래스 이름

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

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

유형
요소

removeRemoteTextTrack(트랙)

리모컨 제거 TextTrack각각에서 TextTrackList및 HTMLTrackElementList.

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

제거할 원격 TextTrack

원천:
player.js
반환:

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

유형
한정되지 않은

reportUserActivity(이벤트)

사용자 활동 보고

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

이벤트 개체

원천:
player.js

요청전체화면()

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

원천:
player.js
화재:
반환:

현재 플레이어에 대한 참조

유형
플레이어

초기화()

플레이어를 재설정하십시오. techOrder의 첫 번째 기술을 로드하고 tech`에서 재설정을 호출합니다.

원천:
player.js
반환:

플레이어에 대한 참조

유형
플레이어

스크러빙( [isScrubbing])

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

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

사용자가 문지르고 있는지 여부

원천:
player.js
반환:

설정 시 이 함수를 호출한 플레이어의 인스턴스, 가져오기 시 스크러빙 값

유형
부울 | 플레이어

탐색 가능()

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

원천:
player.js
반환:

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

유형
시간 범위

추구()

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

원천:
player.js
반환:

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

유형
부울

selectSource(소스)

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

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

미디어 자산의 소스

원천:
player.js
반환:

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

유형
개체 | 부울

setAttribute(속성, 값)

Component 요소의 속성 값 설정

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

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

속성을 설정할 값입니다.

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

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

유형
요소

setInterval(fn, 간격)

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

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

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

간격 숫자

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

다음에서 상속:
원천:
component.js
참조:
이벤트 수신:
반환:

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

유형
숫자

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
반환:

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

유형
요소

src( [소스])

source 함수는 비디오 소스를 업데이트합니다. 인수로 전달할 수 있는 세 가지 유형의 변수가 있습니다. URL 문자열 : 비디오 파일의 URL입니다. 현재 재생 기술(HTML5/Flash)이 제공한 소스를 지원할 수 있다고 확신하는 경우 이 방법을 사용하십시오. 현재 MP4 파일만 HTML5와 Flash에서 사용할 수 있습니다.

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

하나의 SourceObject 또는 SourceObject 배열

원천:
player.js
반환:
  • 가져올 때 현재 비디오 소스
    - 설정시 플레이어
유형
문자열 | 플레이어

지원전체화면()

현재 기술이 기본 전체 화면을 지원할 수 있는지 확인합니다(예: iOS와 같은 내장 컨트롤이 있으므로 플래시 SWF는 지원하지 않음).

원천:
player.js
반환:

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

유형
부울

기술(안전)

현재 Tech 에 대한 참조를 반환하지만 true 값을 갖는 IWillNotUseThisInPlugins 속성이 있는 객체가 제공된 경우에만 반환합니다. 이것은 플러그인에 의한 기술의 오용을 방지하는 것입니다.

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

{IWillNotUseThisInPlugins: true}를 포함해야 하는 객체

속성
이름 유형 설명
IWillNotUseThisInPlugins 부울

true로 설정해야 합니다. 그렇지 않으면 이 함수에서 오류가 발생합니다.

원천:
player.js
반환:

기술

유형
기술

텍스트 트랙()

TextTrackList 가져오기

텍스트 트랙은 시간이 지정된 텍스트 이벤트의 트랙입니다.

  • 캡션: 비디오 위에 표시되는 텍스트
    청각 장애인을 위한
  • 자막: 비디오 위에 표시되는 텍스트
    영상의 언어를 이해하지 못하는 사람들
  • 챕터: 사용자가 점프할 수 있도록 메뉴에 표시되는 텍스트
    비디오의 특정 지점(챕터)에
  • 설명: (아직 구현되지 않음) 다시 읽어지는 오디오 설명
    화면 판독 장치에 의한 사용자
원천:
player.js
참조:
반환:

현재 TextTrackList 또는 기술이 없는 경우 정의되지 않거나 정의되지 않은 경우

유형
TextTrackList | 한정되지 않은

toggleClass(classToToggle [, predicate])

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

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

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

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

Dom~predicate 함수 또는 부울

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

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

유형
요소

toJSON()

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

원천:
player.js
반환:

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

유형
물체

trigger(이벤트 [, 해시])

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

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

이벤트 이름 및 Event 또는 이벤트 이름으로 설정된 type 속성이 있는 이벤트와 유사한 객체.

해시시 물체 <선택 과목>

이벤트와 함께 전달할 데이터 해시

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

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

유형
요소

트리거준비()

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

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

userActive( [부울])

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

매개 변수 :
이름 유형 논쟁 설명
부울 부울 <선택 과목>
  • 사용자가 활성인 경우 true
    - 사용자가 비활성 상태이면 false
원천:
player.js
화재:
반환:
  • 가져올 때 userActive의 현재 값
    - 설정시 플레이어
유형
부울 | 플레이어

usingNativeControls( [부울])

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

매개 변수 :
이름 유형 논쟁 설명
부울 부울 <선택 과목>
  • 네이티브 컨트롤을 켜려면 true
    - 네이티브 컨트롤을 끄려면 false
원천:
player.js
화재:
반환:
  • 가져올 때 네이티브 컨트롤의 현재 값
    - 설정시 플레이어
유형
부울 | 플레이어

비디오 높이()

동영상 높이 가져오기

원천:
player.js
반환:

현재 동영상 높이

유형
숫자

비디오 트랙()

VideoTrackList 가져오기

원천:
player.js
참조:
반환:

현재 비디오 트랙 목록

유형
비디오트랙리스트

비디오폭()

비디오 너비 가져오기

원천:
player.js
반환:

현재 비디오 너비

유형
숫자

볼륨([백분율백분율])

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

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

소수점 퍼센트로 표시되는 새 볼륨:

- 0은 음소거됨/0%/꺼짐
    - 1.0은 100%/전체
    - 0.5는 하프 볼륨 또는 50% 입니다.
원천:
player.js
반환:

설정할 때 호출하는 플레이어에 대한 참조 및 가져올 때 백분율로 표시되는 현재 볼륨

유형
플레이어 | 숫자

너비( [값])

Player 의 너비에 대한 getter/setter입니다.

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

`플레이어의 너비를 설정할 값.

재정의:
원천:
player.js
반환:

Player 의 현재 너비입니다.

유형
숫자

이벤트


중단하다

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

유형: EventTarget~이벤트
원천:
player.js

놀 수있다

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

유형: EventTarget~이벤트
원천:
player.js

canplaythrough

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

유형: EventTarget~이벤트
원천:
player.js

컨트롤 비활성화됨

유형: EventTarget~이벤트
원천:
player.js

컨트롤 사용

유형: EventTarget~이벤트
원천:
player.js

처분하다

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

유형: EventTarget~이벤트
재정의:
원천:
player.js

기간 변경

유형: EventTarget~이벤트
원천:
player.js
이 이벤트의 청취자:

비워진

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

유형: EventTarget~이벤트
원천:
player.js

종료됨

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

유형: EventTarget~이벤트
원천:
player.js
이 이벤트의 청취자:

enterFullWindow

유형: EventTarget~이벤트
원천:
player.js

오류

유형: EventTarget~이벤트
원천:
player.js

exitFullWindow

유형: EventTarget~이벤트
원천:
player.js

퍼스트 플레이

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

유형: EventTarget~이벤트
원천:
player.js

전체 화면 변경

유형: EventTarget~이벤트
원천:
player.js
이 이벤트의 청취자:

전체 화면 변경

전체 화면으로 들어가거나 나올 때 발생합니다.

유형: EventTarget~이벤트
원천:
player.js

전체 화면 변경

유형: EventTarget~이벤트
원천:
player.js

전체 화면 변경

유형: EventTarget~이벤트
원천:
player.js

loadeddata

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

유형: EventTarget~이벤트
원천:
player.js

loadedmetadata

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

유형: EventTarget~이벤트
원천:
player.js
이 이벤트의 청취자:

로드된 메타데이터

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

유형: EventTarget~이벤트
원천:
player.js

로드 스타트

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

유형: EventTarget~이벤트
원천:
player.js
이 이벤트의 청취자:

일시 중지

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

유형: EventTarget~이벤트
원천:
player.js
이 이벤트의 청취자:

플레이

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

유형: EventTarget~이벤트
원천:
player.js
이 이벤트의 청취자:

놀이

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

유형: EventTarget~이벤트
원천:
player.js

포스터체인지

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

유형: EventTarget~이벤트
원천:
player.js
이 이벤트의 청취자:

진전

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

유형: EventTarget~이벤트
원천:
player.js
이 이벤트의 청취자:

준비된

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

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

크기 조정

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

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

추구

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

유형: EventTarget~이벤트
원천:
player.js

추구

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

유형: EventTarget~이벤트
원천:
player.js

정지

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

유형: EventTarget~이벤트
원천:
player.js

유예하다

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

유형: EventTarget~이벤트
원천:
player.js

수도꼭지

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

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

텍스트 데이터

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

유형: EventTarget~이벤트
원천:
player.js

시간 업데이트

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

유형: EventTarget~이벤트
원천:
player.js
이 이벤트의 청취자:

사용자

유형: EventTarget~이벤트
원천:
player.js

userinactive

유형: EventTarget~이벤트
원천:
player.js

사용자 지정 컨트롤 사용

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

유형: EventTarget~이벤트
원천:
player.js

네이티브 컨트롤 사용

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

유형: EventTarget~이벤트
원천:
player.js

볼륨 변경

볼륨이 변경될 때 발생

유형: EventTarget~이벤트
원천:
player.js
이 이벤트의 청취자:

대기 중

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

유형: EventTarget~이벤트
원천:
player.js