확장하다

• 단추

행동 양식

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

component.js , 라인 778

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

매개 변수 :

이름	유형	속성	기본값	설명
선택자	끈			querySelector 에 전달될 유효한 CSS 선택기입니다.
문맥	요소 | 끈	<선택 과목>	this.contentEl()	쿼리할 DOM 요소입니다. 첫 번째로 일치하는 요소가 컨텍스트로 사용되는 경우 선택자 문자열일 수도 있습니다. 누락된 경우 this.contentEl()이 사용됩니다. this.contentEl()이 아무 것도 반환하지 않으면 document 로 돌아갑니다.

반환:

요소 | 널 -

발견된 dom 요소 또는 null

재정의:

• 버튼#$

참조:

• CSS 선택자에 대한 정보

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

component.js , 라인 800

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

매개 변수 :

이름	유형	속성	기본값	설명
선택자	끈			querySelectorAll 에 전달될 유효한 CSS 선택기입니다.
문맥	요소 | 끈	<선택 과목>	this.contentEl()	쿼리할 DOM 요소입니다. 첫 번째로 일치하는 요소가 컨텍스트로 사용되는 경우 선택자 문자열일 수도 있습니다. 누락된 경우 this.contentEl()이 사용됩니다. this.contentEl()이 아무 것도 반환하지 않으면 document 로 돌아갑니다.

반환:

노드 목록 -

발견된 dom 요소 목록

재정의:

• 버튼#$$

참조:

• CSS 선택자에 대한 정보

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

button.js , 77행

이 Button 안에 자식 Component를 추가합니다.

매개 변수 :

이름	유형	속성	기본값	설명
어린이	문자열 | 요소			추가할 자식의 이름 또는 인스턴스입니다.
옵션	물체	<선택 과목>	{}	자식의 자식에게 전달될 옵션의 키/값 저장소입니다.

반환:

구성요소 -

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

재정의:

• 버튼#addChild

더 이상 사용되지 않음:

• 버전 5 이후

addClass (클래스에 추가)

component.js , 라인 824

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

매개 변수 :

이름	유형	설명
추가할 클래스	끈	추가할 CSS 클래스 이름

재정의:

• 버튼#addClass

흐림 ()

component.js , 라인 1164

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

재정의:

• 버튼#흐림

buildCSSClass () → {문자열}

control-bar/mute-toggle.js , 41행

기본 DOM className 을 빌드합니다.

반환:

문자열 -

이 개체의 DOM className입니다 .

재정의:

• 버튼#buildCSSClass

cancelAnimationFrame (id) → {숫자}

component.js , 라인 1598

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

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

매개 변수 :

이름	유형	설명
ID	숫자	지울 rAF ID입니다. Component#requestAnimationFrame 의 반환 값입니다.

반환:

번호 -

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

재정의:

• 버튼#cancelAnimationFrame

참조:

• 비슷하다

cancelNamedAnimationFrame (이름)

component.js , 라인 1573

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

매개 변수 :

이름	유형	설명
이름	끈	취소할 requestAnimationFrame의 이름입니다.

재정의:

• 버튼#cancelNamedAnimationFrame

어린이 () → {배열}

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를 반환합니다.

재정의:

• 버튼#clearInterval

참조:

• 비슷하다

clearTimeout (timeoutId) → {숫자}

component.js , 라인 1421

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

매개 변수 :

이름	유형	설명
timeoutId	숫자	지울 제한 시간의 ID입니다. Component#setTimeout 또는 window.setTimeout 의 반환 값입니다.

반환:

번호 -

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

재정의:

• 버튼#clearTimeout

참조:

• 비슷하다

contentEl () → {요소}

component.js , 라인 355

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

반환:

요소 -

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

재정의:

• 버튼#contentEl

controlText (텍스트 선택 , 엘 선택 ) → {문자열}

clickable-component.js , 145행

ClickableComponent 의 컨트롤에 사용할 현지화 텍스트를 가져오거나 설정합니다.

매개 변수 :

이름	유형	속성	기본값	설명
텍스트	끈	<선택 과목>		요소에 대한 제어 텍스트입니다.
엘자	요소	<선택 과목>	이.엘()	제목을 설정할 요소입니다.

반환:

문자열 -

• 가져올 때 제어 텍스트

재정의:

• 버튼#controlText

createControlTextEl (el opt ) → {요소}

clickable-component.js , 116행

이 ClickableComponent 에 제어 텍스트 요소를 만듭니다.

매개 변수 :

이름	유형	속성	설명
엘자	요소	<선택 과목>	제어 텍스트의 상위 요소입니다.

반환:

요소 -

생성되는 제어 텍스트 요소입니다.

재정의:

• 버튼#createControlTextEl

createEl (태그 opt , props opt , 속성 opt ) → {Element}

button.js , 34행

Button 의 DOM 요소를 만듭니다.

매개 변수 :

이름	유형	속성	기본값	설명
꼬리표	끈	<선택 과목>	"단추"	요소의 노드 유형입니다. 이 인수는 무시됩니다. 무엇을 전달하든 항상 버튼 요소를 생성합니다.
소품	물체	<선택 과목>	{}	요소에 설정해야 하는 속성의 개체입니다.
속성	물체	<선택 과목>	{}	요소에 설정해야 하는 특성 개체입니다.

반환:

요소 -

생성되는 요소입니다.

재정의:

• 버튼#createEl

currentDimension (widthOrHeight) → {숫자}

component.js , 라인 1077

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

window.getComputedStyle 을 사용합니다.

매개 변수 :

이름	유형	설명
너비 또는 높이	끈	'너비' 또는 '높이'를 포함하는 문자열. 당신이 얻고 싶은 것.

반환:

번호 -

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

재정의:

• 버튼#currentDimension

currentDimensions () → { Component~DimensionObject }

component.js , 라인 1123

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

window.getComputedStyle 을 사용합니다.

반환:

Component~DimensionObject -

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

재정의:

• 버튼#currentDimensions

현재 높이 () → {숫자}

component.js , 라인 1150

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

window.getComputedStyle 을 사용합니다.

반환:

번호 -

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

재정의:

• 버튼#currentHeight

전류폭 () → {숫자}

component.js , 라인 1138

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

window.getComputedStyle 을 사용합니다.

반환:

번호 -

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

재정의:

• 버튼#currentWidth

치수 (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 이벤트 트리거 건너뛰기

화재:

• Component#event:componentresize

반환:

번호 -

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

재정의:

• 버튼#치수

치수 (너비, 높이)

component.js , 라인 980

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

매개 변수 :

이름	유형	설명
폭	번호 | 끈	Component 요소를 설정할 너비입니다.
신장	번호 | 끈	Component 요소를 설정할 높이입니다.

재정의:

• 버튼#치수

비활성화 ()

button.js , 99행

활성화하거나 클릭할 수 없도록 Button 요소를 비활성화합니다. Button#enable 과 함께 사용하세요.

재정의:

• 버튼#비활성화

폐기 (옵션)

component.js , 라인 144

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

매개 변수 :

이름	유형	설명
옵션	물체	속성 이름 유형 설명 오리지널엘 요소 플레이어 요소를 대체할 요소

화재:

• Component#event:dispose

재정의:

• 버튼#폐기

엘 () → {요소}

component.js , 라인 248

Component 의 DOM 요소 가져오기

반환:

요소 -

이 Component 의 DOM 요소입니다.

재정의:

• 버튼#el

활성화 ()

button.js , 90행

활성화하거나 클릭할 수 있도록 Button 요소를 활성화합니다. Button#disable 과 함께 사용하세요.

재정의:

• 버튼#활성화

enableTouchActivity ()

component.js , 라인 1320

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

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

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

이벤트 수신:

• Component#event:touchstart
• Component#event:touchmove
• Component#event:touchend
• Component#event:touchcancel

재정의:

• 버튼#enableTouchActivity

초점 ()

component.js , 라인 1157

이 구성 요소에 초점 설정

재정의:

• 버튼#포커스

getAttribute (속성) → {string|null}

component.js , 라인 904

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

매개 변수 :

이름	유형	설명
기인하다	끈	값을 가져올 속성의 이름입니다.

반환:

문자열 | 널 -

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

재정의:

• 버튼#getAttribute

참조:

• DOM API

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

component.js , 라인 412

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

매개 변수 :

이름	유형	설명
이름	끈	가져올 자식 구성 요소 의 이름입니다.

반환:

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

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

재정의:

• 버튼#getChild

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

component.js , 399행

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

매개 변수 :

이름	유형	설명
ID	끈	가져올 자식 구성 요소 의 ID입니다.

반환:

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

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

재정의:

• 버튼#getChildById

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

component.js , 라인 434

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

매개 변수 :

이름	유형	속성	설명
이름	...정렬.< 끈> | 끈	<반복 가능>	가져올 자식 구성 요소 의 이름입니다.

반환:

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

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

재정의:

• 버튼#getDescendant

handleClick (이벤트 선택 )

control-bar/mute-toggle.js , 56행

이것은 MuteToggle 이 "클릭"될 때 호출됩니다. 클릭이 무엇인지에 대한 자세한 내용은 ClickableComponent를 참조하십시오.

매개 변수 :

이름	유형	속성	설명
이벤트	EventTarget~이벤트	<선택 과목>	이 함수를 호출한 keydown , tap 또는 click 이벤트입니다.

이벤트 수신:

• 이벤트:탭
• 이벤트:클릭

재정의:

• 버튼#handle클릭

handleKeyDown (이벤트)

button.js , 113행

Button 에 포커스가 있고 키 누름을 통해 keydown이 트리거될 때 호출됩니다.

매개 변수 :

이름	유형	설명
이벤트	EventTarget~이벤트	이 함수를 호출하게 만든 이벤트입니다.

이벤트 수신:

• 이벤트:키다운

재정의:

• 버튼#handleKeyDown

handleKeyPress (이벤트)

component.js , 라인 1196

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

매개 변수 :

이름	유형	설명
이벤트	EventTarget~이벤트	이 함수를 호출한 이벤트입니다.

재정의:

• 버튼#handleKeyPress

handleLanguagechange ()

clickable-component.js , 207행

구성 요소의 플레이어에 대한 ClickableComponent의 언어 변경 처리

재정의:

• 버튼#handleLanguagechange

hasClass (classToCheck) → {부울}

component.js , 라인 814

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

매개 변수 :

이름	유형	설명
classToCheck	끈	확인할 CSS 클래스 이름입니다.

반환:

부울 -

• 구성 요소 에 클래스가 있으면 참입니다. - 구성 요소 에 클래스가 없는 경우 False

재정의:

• 버튼#hasClass

높이 (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

재정의:

• 버튼#id

초기화 어린이 ()

component.js , 라인 592

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

재정의:

• 버튼#initChildren

isDisposed () → {부울}

component.js , 라인 208

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

반환:

부울 -

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

재정의:

• 버튼#isDisposed

현지화 (문자열, 토큰 선택 , 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 의 이름입니다.

재정의:

• 버튼#이름

옵션 (obj) → {객체}

component.js , 233행

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

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

매개 변수 :

이름	유형	설명
객체	물체	새 옵션을 포함하는 개체입니다.

반환:

객체 -

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

재정의:

• 버튼#옵션

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

component.js , 라인 218

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

반환:

플레이어 -

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

재정의:

• 버튼#플레이어

준비 () → { 구성 요소 }

component.js , 라인 709

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

반환:

구성요소 -

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

재정의:

• 버튼#준비

removeAttribute (속성)

component.js , 라인 931

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

매개 변수 :

이름	유형	설명
기인하다	끈	제거할 속성의 이름입니다.

재정의:

• 버튼#removeAttribute

참조:

• DOM API

removeChild (구성 요소)

component.js , 라인 553

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

매개 변수 :

이름	유형	설명
요소	요소	제거할 자식 Component 입니다.

재정의:

• 버튼#removeChild

removeClass (classToRemove)

component.js , 라인 834

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

매개 변수 :

이름	유형	설명
제거할 클래스	끈	제거할 CSS 클래스 이름

재정의:

• 버튼#제거클래스

requestAnimationFrame (fn) → {숫자}

component.js , 라인 1511

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

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

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

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

매개 변수 :

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

이벤트 수신:

• Component#event:dispose

반환:

번호 -

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

재정의:

• 버튼#requestAnimationFrame

참조:

• 비슷하다

requestNamedAnimationFrame (이름, fn)

component.js , 라인 1547

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

매개 변수 :

이름	유형	설명
이름	끈	이 requestAnimationFrame에 제공할 이름
fn	구성요소~GenericCallback	이 구성 요소에 바인딩되어 브라우저의 다음 다시 그리기 직전에 실행되는 함수입니다.

재정의:

• 버튼#requestNamedAnimationFrame

setAttribute (속성, 값)

component.js , 라인 919

Component 요소의 속성 값 설정

매개 변수 :

이름	유형	설명
기인하다	끈	설정할 속성의 이름입니다.
값	끈	속성을 설정할 값입니다.

재정의:

• 버튼#setAttribute

참조:

• DOM API

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

component.js , 라인 1450

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

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

매개 변수 :

이름	유형	설명
fn	구성요소~GenericCallback	x 초마다 실행되는 함수입니다.
간격	숫자	지정된 함수를 x 밀리초마다 실행합니다.

이벤트 수신:

• Component#event:dispose

반환:

번호 -

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

재정의:

• 버튼#setInterval

참조:

• 비슷하다

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

component.js , 라인 1385

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

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

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

매개 변수 :

이름	유형	설명
fn	구성요소~GenericCallback	timeout 후에 실행될 함수입니다.
타임 아웃	숫자	지정된 함수를 실행하기 전에 지연되는 시간 제한(밀리초)입니다.

이벤트 수신:

• Component#event:dispose

반환:

번호 -

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

재정의:

• 버튼#setTimeout

참조:

• 비슷하다

보여주다 ()

component.js , 라인 857

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

재정의:

• 버튼#show

toggleClass (classToToggle, 조건자 선택 )

component.js , 라인 849

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

• classToToggle은 Component#hasClass가 false를 반환할 때 추가됩니다.
• 클래스투토글때 제거됩니다구성요소#hasClass true를 반환합니다.

매개 변수 :

이름	유형	속성	설명
클래스투토글	끈		추가하거나 제거할 클래스(@link Component#hasClass}
술부	부울 | 돔~술어	<선택 과목>	Dom~predicate 함수 또는 부울

재정의:

• 버튼#toggleClass

트리거준비 ()

component.js , 라인 733

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

화재:

• Component#event:준비

재정의:

• Button#triggerReady

업데이트 (이벤트 선택 )

control-bar/mute-toggle.js , 81행

볼륨 상태에 따라 MuteToggle 버튼을 업데이트하고 플레이어에서 음소거합니다 .

매개 변수 :

이름	유형	속성	설명
이벤트	EventTarget~이벤트	<선택 과목>	이 함수가 이벤트를 통해 호출된 경우 Player#loadstart 이벤트입니다.

이벤트 수신:

• Player#event:loadstart
• Player#event:볼륨 변경

너비 (num opt , skipListeners opt ) → {숫자|문자열}

component.js , 라인 949

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

매개 변수 :

이름	유형	속성	설명
숫자	번호 | 끈	<선택 과목>	설정하려는 너비는 '%', 'px' 또는 아무것도 뒤에 붙지 않습니다.
skipListeners	부울	<선택 과목>	componentresize 이벤트 트리거 건너뛰기

반환:

번호 | 문자열 -

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

재정의:

• 버튼#너비

이벤트

구성 요소 크기 조정

component.js , 라인 1032

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

유형:

• EventTarget~이벤트

재정의:

• Button#event:componentresize

처분하다

component.js , 라인 155

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

유형:

• EventTarget~이벤트

속성:

이름	유형	속성	기본값	설명
거품	부울	<선택 과목>	거짓	dispose 이벤트가 발생하지 않도록 false로 설정

재정의:

• 버튼#이벤트:처리

준비된

component.js , 라인 750

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

유형:

• EventTarget~이벤트

재정의:

• 버튼#이벤트:준비

수도꼭지

component.js , 라인 1282

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

유형:

• EventTarget~이벤트

재정의:

• 버튼#이벤트:탭