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

재생과 일시정지를 전환하는 버튼입니다.

새로운 PlayToggle (플레이어, 옵션 옵션 )

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

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

이 클래스를 연결해야 하는 Player 입니다.

옵션 물체 <선택 과목>
{}

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

확장하다

행동 양식

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

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

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

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

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

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

반환:
요소 | -

발견된 dom 요소 또는 null

재정의:
참조:

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

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

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

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

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

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

반환:
노드 목록 -

발견된 dom 요소 목록

재정의:
참조:

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

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

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

추가할 자식의 이름 또는 인스턴스입니다.

옵션 물체 <선택 과목>
{}

자식의 자식에게 전달될 옵션의 키/값 저장소입니다.

반환:
구성요소 -

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

재정의:
더 이상 사용되지 않음:
  • 버전 5 이후

addClass (클래스에 추가)

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

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

추가할 CSS 클래스 이름

재정의:

흐림 ()

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

재정의:

buildCSSClass () → {문자열}

기본 DOM className 을 빌드합니다.

반환:
문자열 -

이 개체의 DOM className입니다 .

재정의:

cancelAnimationFrame (id) → {숫자}

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

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

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

지울 rAF ID입니다. Component#requestAnimationFrame 의 반환 값입니다.

반환:
번호 -

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

재정의:
참조:

cancelNamedAnimationFrame (이름)

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

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

취소할 requestAnimationFrame의 이름입니다.

재정의:

어린이 () → {배열}

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

반환:
어레이 -

아이들

재정의:

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 의 콘텐츠 요소입니다.

재정의:

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

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

매개 변수 :
이름 유형 속성 기본값 설명
텍스트 <선택 과목>

요소에 대한 제어 텍스트입니다.

엘자 요소 <선택 과목>
이.엘()

제목을 설정할 요소입니다.

반환:
문자열 -
  • 가져올 때 제어 텍스트
재정의:

createControlTextEl (el opt ) → {요소}

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

매개 변수 :
이름 유형 속성 설명
엘자 요소 <선택 과목>

제어 텍스트의 상위 요소입니다.

반환:
요소 -

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

재정의:

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

Button 의 DOM 요소를 만듭니다.

매개 변수 :
이름 유형 속성 기본값 설명
꼬리표 <선택 과목>
"단추"

요소의 노드 유형입니다. 이 인수는 무시됩니다. 무엇을 전달하든 항상 버튼 요소를 생성합니다.

소품 물체 <선택 과목>
{}

요소에 설정해야 하는 속성의 개체입니다.

속성 물체 <선택 과목>
{}

요소에 설정해야 하는 특성 개체입니다.

반환:
요소 -

생성되는 요소입니다.

재정의:

currentDimension (widthOrHeight) → {숫자}

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

window.getComputedStyle 을 사용합니다.

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

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

반환:
번호 -

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

재정의:

currentDimensions () → { Component~DimensionObject }

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

window.getComputedStyle 을 사용합니다.

반환:
Component~DimensionObject -

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

재정의:

현재 높이 () → {숫자}

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

window.getComputedStyle 을 사용합니다.

반환:
번호 -

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

재정의:

전류폭 () → {숫자}

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

window.getComputedStyle 을 사용합니다.

반환:
번호 -

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

재정의:

치수 (widthOrHeight, num opt , skipListeners opt ) → {숫자}

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

알아야 할 사항:

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

8 '너비' 또는 '높이'

숫자 번호 | <선택 과목>

8 새로운 차원

skipListeners 부울 <선택 과목>

componentresize 이벤트 트리거 건너뛰기

화재:
반환:
번호 -

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

재정의:

치수 (너비, 높이)

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

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

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

신장 번호 |

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

재정의:

비활성화 ()

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

재정의:

폐기 (옵션)

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

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

플레이어 요소를 대체할 요소

화재:
재정의:

() → {요소}

Component 의 DOM 요소 가져오기

반환:
요소 -

Component 의 DOM 요소입니다.

재정의:

활성화 ()

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

재정의:

enableTouchActivity ()

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

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

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

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

초점 ()

이 구성 요소에 초점 설정

재정의:

getAttribute (속성) → {string|null}

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

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

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

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

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

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

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

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

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

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

재정의:

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

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

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

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

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

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

재정의:

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

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

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

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

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

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

재정의:

handleClick (이벤트 선택 )

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

매개 변수 :
이름 유형 속성 설명
이벤트 EventTarget~이벤트 <선택 과목>

이 함수를 호출한 keydown , tap 또는 click 이벤트입니다.

이벤트 수신:
  • 이벤트:탭
  • 이벤트:클릭
재정의:

handleEnded (이벤트 선택 )

모양을 변경할 수 있도록 요소에 vjs-ended 클래스를 추가합니다.

매개 변수 :
이름 유형 속성 설명
이벤트 EventTarget~이벤트 <선택 과목>

이 함수를 실행하게 만든 이벤트입니다.

이벤트 수신:

handleKeyDown (이벤트)

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

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

이 함수를 호출하게 만든 이벤트입니다.

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

handleKeyPress (이벤트)

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

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

이 함수를 호출한 이벤트입니다.

재정의:

handleLanguagechange ()

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

재정의:

handlePause (이벤트 선택 )

모양을 변경할 수 있도록 요소에 vjs-paused 클래스를 추가합니다.

매개 변수 :
이름 유형 속성 설명
이벤트 EventTarget~이벤트 <선택 과목>

이 함수를 실행하게 만든 이벤트입니다.

이벤트 수신:

handlePlay (이벤트 선택 )

모양을 변경할 수 있도록 요소에 vjs-playing 클래스를 추가합니다.

매개 변수 :
이름 유형 속성 설명
이벤트 EventTarget~이벤트 <선택 과목>

이 함수를 실행하게 만든 이벤트입니다.

이벤트 수신:

handleSeeked (이벤트 선택 )

동영상이 종료된 후 한 번 호출되고 사용자가 다시 재생 버튼을 다시 재생 버튼으로 변경할 수 있도록 검색합니다.

매개 변수 :
이름 유형 속성 설명
이벤트 EventTarget~이벤트 <선택 과목>

이 함수를 실행하게 만든 이벤트입니다.

이벤트 수신:

hasClass (classToCheck) → {부울}

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

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

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

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

높이 (num opt , skipListeners opt ) → {숫자|문자열}

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

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

설정하려는 높이는 '%', 'px' 또는 아무것도 뒤에 붙지 않습니다.

skipListeners 부울 <선택 과목>

componentresize 이벤트 트리거 건너뛰기

반환:
번호 | 문자열 -

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

재정의:

숨기기 ()

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

재정의:

아이디 () → {문자열}

구성 요소 의 ID 가져오기

반환:
문자열 -

구성요소 의 ID

재정의:

초기화 어린이 ()

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

재정의:

isDisposed () → {부울}

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

반환:
부울 -

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

재정의:

현지화 (문자열, 토큰 선택 , 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 입니다. 별도의 조회 키가 필요한 경우 토큰 대체에 사용할 기본값이 될 수 있습니다.

반환:
문자열 -

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

재정의:

이름 () → {문자열}

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

반환:
문자열 -

Component 의 이름입니다.

재정의:

옵션 (obj) → {객체}

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

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

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

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

반환:
객체 -

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

재정의:

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

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

반환:
플레이어 -

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

재정의:

준비 () → { 구성 요소 }

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

반환:
구성요소 -

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

재정의:

removeAttribute (속성)

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

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

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

재정의:
참조:

removeChild (구성 요소)

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

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

제거할 자식 Component 입니다.

재정의:

removeClass (classToRemove)

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

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

제거할 CSS 클래스 이름

재정의:

requestAnimationFrame (fn) → {숫자}

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

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

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

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

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

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

이벤트 수신:
반환:
번호 -

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

재정의:
참조:

requestNamedAnimationFrame (이름, fn)

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

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

이 requestAnimationFrame에 제공할 이름

fn 구성요소~GenericCallback

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

재정의:

setAttribute (속성, 값)

Component 요소의 속성 값 설정

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

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

속성을 설정할 값입니다.

재정의:
참조:

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

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

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

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

간격 숫자

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

이벤트 수신:
반환:
번호 -

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

재정의:
참조:

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

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

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

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

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

timeout 후에 실행될 함수입니다.

타임 아웃 숫자

지정된 함수를 실행하기 전에 지연되는 시간 제한(밀리초)입니다.

이벤트 수신:
반환:
번호 -

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

재정의:
참조:

보여주다 ()

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

재정의:

toggleClass (classToToggle, 조건자 선택 )

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

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

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

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

Dom~predicate 함수 또는 부울

재정의:

트리거준비 ()

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

화재:
재정의:

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

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

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

설정하려는 너비는 '%', 'px' 또는 아무것도 뒤에 붙지 않습니다.

skipListeners 부울 <선택 과목>

componentresize 이벤트 트리거 건너뛰기

반환:
번호 | 문자열 -

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

재정의:

이벤트

구성 요소 크기 조정

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

유형:
재정의:

처분하다

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

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

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

재정의:

준비된

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

유형:
재정의:

수도꼭지

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

유형:
재정의: