TextTrackSettings (플레이어, 옵션 옵션 )

텍스트 트랙 설정을 조작합니다.

새로운 TextTrackSettings (플레이어, 옵션 옵션 )
Tracks/text-track-settings.js , 241행

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

매개 변수 :
이름 유형 속성 설명
플레이어 플레이어

이 클래스를 연결해야 하는 Player 입니다.
옵션 물체 <선택 과목>

플레이어 옵션의 키/값 저장소입니다.

확장하다

방법

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

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

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

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

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

발견된 dom 요소 또는 null

재정의:
참조:

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

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

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

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

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

발견된 dom 요소 목록

재정의:
참조:

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

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

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

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

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

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

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

재정의:

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

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

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

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

흐림 ()
component.js , 라인 1164

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

재정의:

buildCSSClass () → {문자열}
modal-dialog.js , 라인 120

기본 DOM className 을 빌드합니다.

반환:
문자열 -

이 개체의 DOM className입니다 .

재정의:

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

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

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

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

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

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

재정의:
참조:

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

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

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

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

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

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

반환:
어레이 -

아이들

재정의:

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

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

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

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

반환:
번호 -

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

재정의:
참조:

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

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

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

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

반환:
번호 -

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

재정의:
참조:

닫기 ()
modal-dialog.js , 229행

모달을 닫고 ModalDialog가 열려 있지 않으면 아무 작업도 수행하지 않습니다.

화재:
재정의:

닫기 가능 (값 선택 ) → {boolean}
modal-dialog.js , 라인 280

UI를 통해 ModalDialog를 닫을 수 있는지 확인하십시오.

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

부울로 주어지면 닫을 수 있는 옵션을 설정합니다.
반환:
부울 -

닫을 수 있는 옵션의 최종 값을 반환합니다.

재정의:

내용 (가치 선택 ) → {혼합}
modal-dialog.js , 라인 408

DOM으로 렌더링되기 전에 정규화되는 모달 콘텐츠를 가져오거나 설정합니다.

DOM을 업데이트하거나 모달을 채우지는 않지만 해당 프로세스 중에 호출됩니다.

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

정의된 경우 다음에 fill 을 호출할 때 사용할 내부 콘텐츠 값을 설정합니다. 이 값은 삽입되기 전에 정규화됩니다. 내부 콘텐츠 값을 "지우려면" null 을 전달하십시오.
반환:
혼합 -

모달 대화 상자의 현재 내용

재정의:

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

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

반환:
요소 -

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

재정의:

createEl () → {요소}
modal-dialog.js , 94행

ModalDialog 의 DOM 요소 생성

반환:
요소 -

생성되는 DOM 요소입니다.

재정의:

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

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

window.getComputedStyle 을 사용합니다.

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

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

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

재정의:

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

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

window.getComputedStyle 을 사용합니다.

반환:
Component~DimensionObject -

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

재정의:

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

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

window.getComputedStyle 을 사용합니다.

반환:
번호 -

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

재정의:

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

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

window.getComputedStyle 을 사용합니다.

반환:
번호 -

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

재정의:

설명 () → {문자열}
modal-dialog.js , 라인 141

이 모달에 대한 설명 문자열을 반환합니다. 주로 접근성에 사용됩니다.

반환:
문자열 -

이 모달의 현지화된 설명 또는 원시 설명입니다.

재정의:

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

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

알아야 할 사항:

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

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

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

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

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

재정의:

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

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

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

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

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

폐기 (옵션)
component.js , 라인 144

구성 요소 와 모든 하위 구성 요소를 폐기하십시오.

매개 변수 :
이름 유형 설명
옵션 물체
속성
이름 유형 설명
오리지널엘 요소

플레이어 요소를 대체할 요소
화재:
재정의:

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

Component 의 DOM 요소 가져오기

반환:
요소 -

이 Component 의 DOM 요소입니다.

재정의:

비어 있음 ()
modal-dialog.js , 374행

콘텐츠 요소를 비웁니다. 이것은 모달이 채워질 때마다 발생합니다.

화재:
재정의:

enableTouchActivity ()
component.js , 라인 1320

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

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

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

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

채우기 ()
modal-dialog.js , 312행

모달의 콘텐츠 요소를 모달의 "콘텐츠" 옵션으로 채웁니다. 이 변경 사항이 적용되기 전에 콘텐츠 요소가 비워집니다.

재정의:

fillWith (콘텐츠 선택 )
modal-dialog.js , 326행

임의의 콘텐츠로 모달의 콘텐츠 요소를 채웁니다. 이 변경 사항이 적용되기 전에 콘텐츠 요소가 비워집니다.

매개 변수 :
이름 유형 속성 설명
콘텐츠 혼합 <선택 과목>

콘텐츠 옵션에 적용되는 것과 동일한 규칙이 여기에 적용됩니다.
화재:
재정의:

초점 ()
component.js , 라인 1157

이 구성 요소에 초점 설정

재정의:

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

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

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

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

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

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

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

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

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

재정의:

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

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

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

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

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

재정의:

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

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

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

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

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

재정의:

getValues () → {객체}
Tracks/text-track-settings.js , 라인 500

텍스트 트랙 설정(또는 null)의 개체를 가져옵니다.

반환:
객체 -

DOM 또는 localStorage에서 구문 분석된 구성 값이 있는 개체입니다.

핸들키다운 ()
modal-dialog.js , 라인 450

키 다운 핸들러. 모달에 포커스가 있을 때 첨부됩니다.

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

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

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

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

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

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

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

재정의:

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

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

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

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

높이 (num opt , skipListeners opt ) → {숫자|문자열}
component.js , 라인 967

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

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

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

componentresize 이벤트 트리거 건너뛰기
반환:
번호 | 문자열 -

가져올 때 너비, 너비가 없으면 0입니다. '%' 또는 'px'가 뒤에 붙은 문자열일 수 있습니다.

재정의:

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

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

재정의:

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

이 구성 요소 의 ID 가져오기

반환:
문자열 -

이 구성요소 의 ID

재정의:

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

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

재정의:

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

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

반환:
부울 -

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

재정의:

라벨 () → {문자열}
modal-dialog.js , 라인 130

이 모달의 레이블 문자열을 반환합니다. 주로 접근성에 사용됩니다.

반환:
문자열 -

이 모달의 현지화된 레이블 또는 원시 레이블입니다.

재정의:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

재정의:

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

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

반환:
문자열 -

이 Component 의 이름입니다.

재정의:

열기 ()
modal-dialog.js , 158행

모달을 엽니다.

화재:
재정의:

열림 (값 선택 ) → {boolean}
modal-dialog.js , 215행

ModalDialog가 현재 열려 있거나 닫혀 있는지 여부.

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

주어지면 모달을 열거나( true ) 닫습니다( false ).
반환:
부울 -

modaldialog의 현재 열린 상태

재정의:

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

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

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

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

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

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

재정의:

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

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

반환:
플레이어 -

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

재정의:

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

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

반환:
구성요소 -

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

재정의:

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

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

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

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

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

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

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

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

removeClass (classToRemove)
component.js , 라인 834

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

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

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

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

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

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

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

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

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

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

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

재정의:
참조:

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

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

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

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

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

복원 설정 ()
Tracks/text-track-settings.js , 라인 538

localStorage에서 텍스트 트랙 설정 복원

세이브셋팅 ()
Tracks/text-track-settings.js , 라인 555

텍스트 트랙 설정을 localStorage에 저장

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

Component 요소의 속성 값 설정

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

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

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

설정 기본값 ()
Tracks/text-track-settings.js , 라인 527

모두 설정 <선택하다> 요소를 기본값으로 설정합니다.

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

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

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

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

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

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

재정의:
참조:

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

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

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

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

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

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

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

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

재정의:
참조:

setValues (값)
Tracks/text-track-settings.js , 518행

값 개체에서 텍스트 트랙 설정을 지정합니다.

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

DOM 또는 localStorage에서 구문 분석된 구성 값이 있는 개체입니다.

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

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

재정의:

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

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

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

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

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

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

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

화재:
재정의:

업데이트디스플레이 ()
Tracks/text-track-settings.js , 라인 576

텍스트 트랙 설정 표시 업데이트

너비 (num opt , skipListeners opt ) → {숫자|문자열}
component.js , 라인 949

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

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

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

componentresize 이벤트 트리거 건너뛰기
반환:
번호 | 문자열 -

가져올 때 너비, 너비가 없으면 0입니다. '%' 또는 'px'가 뒤에 붙은 문자열일 수 있습니다.

재정의:

이벤트

전모달닫기
modal-dialog.js , 235행

ModalDialog 가 닫히기 직전에 시작됩니다.

유형:
재정의:

비포모달빈
modal-dialog.js , 375행

ModalDialog 가 비워지기 직전에 시작됩니다.

유형:
재정의:

전모달필
modal-dialog.js , 331행

ModalDialog 가 내용으로 채워지기 직전에 시작됩니다.

유형:
재정의:

비포모달오픈
modal-dialog.js , 162행

ModalDialog 가 열리기 직전에 발생합니다.

유형:
재정의:

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

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

유형:
재정의:

처분하다
component.js , 라인 155

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

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

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

모달
modal-dialog.js , 라인 257

ModalDialog 가 닫힌 직후에 시작됩니다.

유형:
재정의:

모달빈
modal-dialog.js , 384행

ModalDialog 가 비워진 직후에 시작됩니다.

유형:
재정의:

모달필
modal-dialog.js , 라인 345

ModalDialog 가 콘텐츠로 채워진 직후에 시작됩니다.

유형:
재정의:

모달오픈
modal-dialog.js , 195행

ModalDialog가 열린 직후에 시작됩니다.

유형:
재정의:

준비된
component.js , 라인 750

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

유형:
재정의:

수도꼭지
component.js , 라인 1282

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

유형:
재정의: