nuevo SubsCapsMenuItem()
Extiende
Métodos
-
$ (selector, opción de contexto) → {Elemento|null}
-
Busque un único elemento DOM que coincida con un
selector. Puede estar dentro delcomponentecontenTel ()u otro contexto personalizado.Parámetros:
Nombre Tipo Atributos Predeterminado Descripción selectorcuerda Selector CSS válido, que se pasará a
QuerySelector.contextoElement | cadena <optional>
Este.contentel () Elemento DOM dentro del que realizar consultas. También puede ser una cadena selectora en cuyo caso el primer elemento coincidente se utilizará como contexto. Si falta
this.contentel ()se utiliza. Sithis.contentel () nodevuelve nada, vuelve aldocumento.Devoluciones:
Elemento | null -el elemento dom que se encontró, o nulo
- Heredado de:
- Ver:
-
$$ (selector, opción de contexto) → {NodeList}
-
Busca todos los elementos DOM que coinciden con un
selector. Puede estar dentro delcomponentecontenTel ()u otro contexto personalizado.Parámetros:
Nombre Tipo Atributos Predeterminado Descripción selectorcuerda Selector CSS válido, que se pasará a
QuerySelectorAll.contextoElement | cadena <optional>
Este.contentel () Elemento DOM dentro del que realizar consultas. También puede ser una cadena selectora en cuyo caso el primer elemento coincidente se utilizará como contexto. Si falta
this.contentel ()se utiliza. Sithis.contentel () nodevuelve nada, vuelve aldocumento.Devoluciones:
Lista de nodos -una lista de elementos dom que se encontraron
- Heredado de:
- Ver:
-
addChild (hijo, opciones optar , índice optar ) → { Componente }
-
Agregue un
componente hijodentro delcomponente actual.Parámetros:
Nombre Tipo Atributos Predeterminado Descripción niñostring | Componente El nombre o la instancia de un hijo que se va a agregar.
opcionesObjeto <optional>
{} El almacén de clave/valor de opciones que se pasarán a los hijos del niño.
índicenúmero <optional>
this.children_.length Índice al que intentar agregar un hijo.
Devoluciones:
Componente-El
componenteque se agrega como hijo. Cuando se usa una cuerda,Componenteserá creado por este proceso.- Heredado de:
-
Agregar clase(clase para agregar)
-
Agregue un nombre de clase CSS al elemento del
componente.Parámetros:
Nombre Tipo Descripción Clase para agregarcuerda Nombre de clase CSS para agregar
- Heredado de:
-
blur()
-
Eliminar el enfoque de este componente
- Heredado de:
-
buildCSSClass () → {cadena}
-
Crea el
nombre de clase DOM predeterminado.Devoluciones:
cadena -El
nombre de clase DOMde este objeto.- Heredado de:
-
cancelAnimationFrame (id) → {número}
-
Cancela una devolución de llamada en cola que se ha pasado al componente #requestAnimationFrame (raF).
Si pone en cola una devolución de llamada RAF mediante el componente #requestAnimationFrame, utilice esta función en lugar de
Window.cancelAnimationFrame. Si no lo hace, su oyente de desecho no se limpiará hasta el Componente #dispose.Parámetros:
Nombre Tipo Descripción idnúmero El ID de raF que se va a borrar. El valor devuelto del componente #requestAnimationFrame.
Devoluciones:
número -Devuelve el ID de raF que se ha borrado.
- Heredado de:
- Ver:
-
CanceNamedAnimationFrame(nombre)
-
Cancela un marco de animación con nombre actual si existe.
Parámetros:
Nombre Tipo Descripción nombrecuerda Nombre del RequestAnimationFrame que se va a cancelar.
- Heredado de:
-
niños () → {matriz}
-
Obtenga una matriz de todos los componentes secundarios
Devoluciones:
Matriz -Los niños
- Heredado de:
-
clearInterval (intervalId) → {número}
-
Borra un intervalo que se crea a través de
Window.setIntervalo Component #setInterval. Si establece un intervalo mediante el Componente #setInterval, utilice esta función en lugar deWindow.clearInterval. Si no lo hace, su oyente no se limpiará hasta el Componente #dispose.Parámetros:
Nombre Tipo Descripción Interválidonúmero ID del intervalo que se va a borrar. El valor devuelto de Component #setInterval o
Window.setInterval.Devoluciones:
número -Devuelve el identificador de intervalo que se ha borrado.
- Heredado de:
- Ver:
-
clearTimeout (id de tiempo de espera) → {número}
-
Borra un tiempo de espera que se crea a través de
Window.setTimeouto Component #setTimeout. Si establece un tiempo de espera mediante el Componente #setTimeout, utilice esta función en lugar deWindow.Cleartimout. Si no lo hace, su oyente no se limpiará hasta el Componente #dispose.Parámetros:
Nombre Tipo Descripción ID de tiempo de esperanúmero Identificación del tiempo de espera que se va a borrar. El valor devuelto de Component #setTimeout o
Window.setTimeout.Devoluciones:
número -Devuelve el identificador de tiempo de espera que se ha borrado.
- Heredado de:
- Ver:
-
contentEl () → {Elemento}
-
Devuelve el elemento DOM del
componente. Aquí es donde se insertan los niños. Normalmente, será el mismo que el elemento devuelto en el Componente #el.Devoluciones:
Elemento -El elemento de contenido de este
componente.- Heredado de:
-
controlText (texto opt , el opt ) → {cadena}
-
Obtenga o configure el texto de localización que se utilizará para los controles del componente
ClickableComponent.Parámetros:
Nombre Tipo Atributos Predeterminado Descripción textocuerda <optional>
Texto de control del elemento.
elElemento <optional>
this.el () Elemento en el que configurar el título.
Devoluciones:
cadena -- El texto de control al obtener
- Heredado de:
-
createControlTextEl (el opt ) → {Elemento}
-
Crear un elemento de texto de control en este componente
ClickableComponentParámetros:
Nombre Tipo Atributos Descripción elElemento <optional>
Elemento principal del texto de control.
Devoluciones:
Elemento -Elemento de texto de control que se crea.
- Heredado de:
-
createEl (tipo opt , props opt , attrs opt ) → {Elemento}
-
Crear el elemento DOM de `MenuItem
Parámetros:
Nombre Tipo Atributos Predeterminado Descripción tipocuerda <optional>
li El tipo de nodo del elemento, que no se utiliza realmente, siempre se establece en
li.utileríaObjeto <optional>
{} Objeto de propiedades que debe establecerse en el elemento
atractivosObjeto <optional>
{} Objeto de atributos que debe establecerse en el elemento
Devoluciones:
Elemento -El elemento que se crea.
- Anulaciones:
-
dimensión actual (ancho o alto) → {número}
-
Obtenga la anchura calculada o la altura del elemento del componente.
Utiliza
Window.getComputedStyle.Parámetros:
Nombre Tipo Descripción Anchura o alturacuerda Una cadena que contiene 'ancho' o 'alto'. Cualquiera que quieras conseguir.
Devoluciones:
número -La dimensión que se solicita o 0 si no se ha establecido nada para esa dimensión.
- Heredado de:
-
currentDimensions () → { Componente ~ DimensionObject }
-
Obtenga un objeto que contenga valores de anchura y altura calculados del elemento del componente.
Utiliza
Window.getComputedStyle.- Heredado de:
-
altura actual () → {número}
-
Obtenga la altura calculada del elemento del componente.
Utiliza
Window.getComputedStyle.Devoluciones:
número -Altura calculada del elemento del componente.
- Heredado de:
-
anchoActual () → {número}
-
Obtenga el ancho calculado del elemento del componente.
Utiliza
Window.getComputedStyle.Devoluciones:
número -Ancho calculado del elemento del componente.
- Heredado de:
-
dimensión (widthOrHeight, num opt , skipListeners opt ) → {number}
-
Obtenga o establezca el ancho o alto del
Componenteelemento. Este es el código compartido para el componente #width y el componente #height.Cosas que debes saber:
- Si el ancho o el alto de un número devolverá el número postfijo con «px».
- Si el ancho/alto es un porcentaje, devolverá el porcentaje fijado con '%'.
- Los elementos ocultos tienen un ancho de 0 con
window.getComputedStyle. Esta función tiene por defecto elComponentesstyle.widthy vuelve a caerwindow.getComputedStyle. Consulte esto para obtener más información - Si desea el estilo calculado del componente, utilice Component #currentWidth y {Component #currentHeight
Parámetros:
Nombre Tipo Atributos Descripción Anchura o alturacuerda 8 'ancho' o 'alto'
numnumber | string <optional>
8 Nueva dimensión
Alicates de esquíbooleano <optional>
Omitir activador de evento componentresize
Fuegos:
Devoluciones:
número -La dimensión al obtener o 0 si no está establecida
- Heredado de:
-
dimensiones(ancho, alto)
-
Establezca tanto el ancho como el alto del
Componenteelemento al mismo tiempo.Parámetros:
Nombre Tipo Descripción anchuranumber | string Ancho para establecer el elemento
componentes.alturanumber | string Altura en la que se establece el elemento
componentes.- Heredado de:
-
disable()
-
Deshabilitar este componente
clickableComponent- Heredado de:
-
desechar (opciones)
-
Elimine el
componentey todos los componentes secundarios.Parámetros:
Nombre Tipo Descripción opcionesObjeto Propiedades
Nombre Tipo Descripción originalElElemento elemento con el que reemplazar jugador elemento
Fuegos:
- Heredado de:
-
el () → {Elemento}
-
Obtener el elemento DOM del
componenteDevoluciones:
Elemento -El elemento DOM de este
componente.- Heredado de:
-
enable()
-
Habilitar este componente
clickableComponent- Heredado de:
-
Activar actividad de Touch()
-
Esta función informa de la actividad del usuario cada vez que se producen eventos táctiles. Esto puede desactivarse por cualquier subcomponente que quiera que los eventos táctiles actúen de otra manera.
Informar de la actividad táctil del usuario cuando se producen eventos táctiles. La actividad del usuario se utiliza para determinar cuándo deben mostrarse u ocultar los controles. Es sencillo cuando se trata de eventos de ratón, porque cualquier evento de ratón debería mostrar los controles. Así que capturamos eventos de ratón que se acumulan al jugador e informamos de la actividad cuando eso ocurre. Con los eventos táctiles no es tan fácil como
touchstartytocaralternar los controles del reproductor. Así que los eventos táctiles tampoco nos pueden ayudar a nivel de jugador.La actividad del usuario se comprueba de forma asíncrona. Así que lo que podría suceder es que un evento de toque en el vídeo desactiva los controles. Entonces el
tocarevento burbujea hasta el jugador. Lo que, si informaba de la actividad del usuario, volvería a activar los controles. Tampoco queremos bloquear por completo los eventos táctiles para evitar que se burbujeen. Además untocarevento y cualquier otra cosa que no sea un toque, no debe volver a activar los controles.Escucha eventos:
- Componente #event:touchstart
- Componente #evento:touch move
- Componente #evento:touchend
- Componente #evento:touchcancelación
- Heredado de:
-
focus()
-
Establezca el foco en este componente
- Heredado de:
-
getAttribute (atributo) → {cadena|null}
-
Obtenga el valor de un atributo en el elemento del
componente.Parámetros:
Nombre Tipo Descripción atributocuerda Nombre del atributo del que se obtiene el valor.
Devoluciones:
string | null -- El valor del atributo solicitado. - Puede ser una cadena vacía en algunos navegadores si el atributo no existe o no tiene valor - La mayoría de los navegadores devolverán nulo si el atributo no existe o no tiene valor.
- Heredado de:
- Ver:
-
getChild (nombre) → { Componente |indefinido}
-
Devuelve el
componente secundariocon elnombre de pila.Parámetros:
Nombre Tipo Descripción nombrecuerda Nombre del
componente hijo que seva a obtener.- Heredado de:
-
getChildById (id) → { Componente |indefinido}
-
Devuelve el
componente hijocon elidentificador dado.Parámetros:
Nombre Tipo Descripción idcuerda ID del
componente secundario que seva a obtener.- Heredado de:
-
getDescendant (…nombres) → { Componente |indefinido}
-
Devuelve el
componente descendientesiguiendo losnombres de descendientes givent. Por ejemplo, ['foo', 'bar', 'baz'] intentaría obtener 'foo' en el componente actual, 'bar' en el componente 'foo' y 'baz' en el componente 'bar' y devolvería indefinido si cualquiera de esos no existe.Parámetros:
Nombre Tipo Atributos Descripción nombres... matriz.<cadena> | cuerda <repeatable>
Nombre del
componente hijo que seva a obtener.Devoluciones:
Componente | indefinido -El
componente descendiente quesigue losnombres de descendientes dadoso no definido.- Heredado de:
-
handleClick(evento)
-
Esto se llama cuando se «hace clic» en un
TextTrackMenuItem. Consulte ClickableComponent para obtener información más detallada sobre lo que puede ser un clic.Parámetros:
Nombre Tipo Descripción eventoObjeto del evento~Evento los
keydown,grifo, ohacer clicevento que hizo que se llamara a esta función.Escucha eventos:
- evento:tap
- evento:haga clic
- Heredado de:
-
HandleKeyDown(evento)
-
Ignora las teclas que utiliza el menú, pero pasa cualquier otra. Consulte ClickableComponent #handleKeyDown para ver las instancias en las que se llama a esto.
Parámetros:
Nombre Tipo Descripción eventoObjeto del evento~Evento los
keydownevento que hizo que se llamara a esta función.Escucha eventos:
- evento:keydown
- Heredado de:
-
HandleKeypress(evento)
-
Muchos componentes solían tener un
handleKeyPressmétodo, que fue mal nombrado porque escuchó unkeydownevento. El nombre de este método ahora delega enHandleKeyDown. Esto significa que cualquier persona que llame aHandleKeyPress noverá que las llamadas a sus métodos dejen de funcionar.Parámetros:
Nombre Tipo Descripción eventoObjeto del evento~Evento El evento que provocó la llamada a esta función.
- Heredado de:
-
Maneja el cambio de idioma()
-
Gestiona el cambio de idioma en ClickableComponent para el reproductor en componentes
- Heredado de:
-
HandleTracksChange(evento)
-
Manejar el cambio de lista de pistas
Parámetros:
Nombre Tipo Descripción eventoObjeto del evento~Evento los
cambioevento que hizo que se llamara a esta función.Escucha eventos:
-
hasClass (classToCheck) → {booleano}
-
Compruebe si el elemento de un componente tiene un nombre de clase CSS.
Parámetros:
Nombre Tipo Descripción Clase a comprobarcuerda Nombre de clase CSS para comprobar.
Devoluciones:
booleano -- True si el
componentetiene la clase. - Falso si elComponenteno tiene la clase`
- Heredado de:
- True si el
-
altura (num opt , skipListeners opt ) → {número|cadena}
-
Obtenga o establezca la altura del componente en función de los estilos CSS. Consulte Componente #dimension para obtener información más detallada.
Parámetros:
Nombre Tipo Atributos Descripción numnumber | string <optional>
La altura que desea establecer con el postfijo '%', 'px' o nada.
Alicates de esquíbooleano <optional>
Omitir el desencadenador de evento componentresize
Devoluciones:
number | string -El ancho al obtener, cero si no hay ancho. Puede ser una cadena pospixeada con '%' o 'px'.
- Heredado de:
-
hide()
-
Oculte el elemento de
Componentsi se muestra actualmente añadiéndole el nombre de clase «vjs-hidden'.- Heredado de:
-
id () → {cadena}
-
Obtener el ID
de este componenteDevoluciones:
cadena -El id de este
componente- Heredado de:
-
Init Niños()
-
Agregue e inicialice los
componentes secundariospredeterminados en función de las opciones.- Heredado de:
-
isDisposed () → {booleano}
-
Determine si este componente se ha eliminado o no.
Devoluciones:
booleano -Si el componente se ha eliminado, será
cierto. De lo contrario,falso.- Heredado de:
-
localizar (cadena, tokens opt , defaultValue opt ) → {cadena}
-
Localiza una cadena dada la cadena en inglés.
Si se proporcionan tokens, intentará ejecutar un simple reemplazo de tokens en la cadena proporcionada. Los tokens que busca se parecen a
{1}con el índice indexado en 1 en la matriz de tokens.Si un
valor por defectose proporciona, lo usará sobrecuerda, si no se encuentra un valor en los archivos de idioma proporcionados. Esto es útil si desea tener una clave descriptiva para el reemplazo de tokens pero tener una cadena localizada sucinta y no requiere que se incluyaen.json.Actualmente, se utiliza para la sincronización de la barra de progreso.
{ "tiempo de la barra de progreso: hora actual = {1} duración = {2}": "{1} de {2}" }Luego se usa así:
this.localize('tiempo de la barra de progreso: horaActual={1} duración{2}', [este.jugador_.tiempoActual(), este.jugador_.duración()], '{1 de 2}');Lo que produce algo así como:
01:23 de 24:56.Parámetros:
Nombre Tipo Atributos Descripción cuerdacuerda La cadena que se va a localizar y la clave para buscar en los archivos de idioma.
fichasMatriz.<cadena> <optional>
Si el artículo actual tiene reemplazos de tokens, proporcione los tokens aquí.
Valor predeterminadocuerda <optional>
El valor predeterminado es
string. Puede ser un valor predeterminado que se debe utilizar para la sustitución de tokens si es necesario que la clave de búsqueda sea independiente.Devoluciones:
cadena -La cadena localizada o, si no existe ninguna localización, la cadena inglesa.
- Heredado de:
-
nombre () → {cadena}
-
Obtenga el nombre del
componente. El nombre se utiliza para hacer referencia alcomponentey se establece durante el registro.Devoluciones:
cadena -Nombre de este
componente.- Heredado de:
-
opciones (obj) → {Objeto}
-
Fusión profunda de objetos de opciones con nuevas opciones.
Nota: Cuando tanto
objcomoopcionescontienen propiedades cuyos valores son objetos. Las dos propiedades se fusionan mediante Module:MergeOptionsParámetros:
Nombre Tipo Descripción objObjeto Objeto que contiene nuevas opciones.
Devoluciones:
Objeto -Un nuevo objeto de
esto.options_yobjse fusionaron.- Heredado de:
-
jugador () → { Jugador }
-
Devuelve el Jugador que el
Componentese ha adjuntado a.- Heredado de:
-
listo () → { Componente }
-
Enlazar un agente de escucha al estado listo del componente. A diferencia de los oyentes de eventos, ya que si el evento listo ya ha ocurrido, activará la función inmediatamente.
- Heredado de:
-
removeAttribute(atributo)
-
Elimina un atributo del elemento del
componente.Parámetros:
Nombre Tipo Descripción atributocuerda Nombre del atributo que se va a quitar.
- Heredado de:
- Ver:
-
RemoveChild(componente)
-
Quitar a un niño
Componentede estoComponentes lista de niños. Elimina también el elemento secundario delcomponentes de este elementocomponente.Parámetros:
Nombre Tipo Descripción componenteComponente El
componente secundarioque se va a quitar.- Heredado de:
-
Quitar clase(clase para quitar)
-
Elimina un nombre de clase CSS del elemento
Component.Parámetros:
Nombre Tipo Descripción Clase que se eliminarácuerda Nombre de clase CSS que se va a quitar
- Heredado de:
-
requestAnimationFrame (fn) → {número}
-
Hace cola una devolución de llamada para pasar a RequestAnimationFrame (raF), pero con algunas bonificaciones adicionales:
-
Admite navegadores que no admiten raF al volver al Componente #setTimeout.
-
La devolución de llamada se convierte en un componente ~ GenericCallback (es decir, enlazado al componente).
-
La cancelación automática de la devolución de llamada raF se gestiona si el componente se elimina antes de llamarlo.
Parámetros:
Nombre Tipo Descripción fnComponente~Devolución de llamada genérica Función que se enlazará a este componente y se ejecutará justo antes de volver a pintar el navegador.
Escucha eventos:
Devoluciones:
número -Devuelve un ID de raF que se utiliza para identificar el tiempo de espera. También se puede utilizar en el componente #cancelAnimationFrame para cancelar la devolución de llamada del marco de animación.
- Heredado de:
- Ver:
-
-
Solicitud NamedAnimationFrame(nombre, fn)
-
Solicite un marco de animación, pero solo se pondrá en cola un marco de animación con nombre. Nunca se añadirá otro hasta que termine el anterior.
Parámetros:
Nombre Tipo Descripción nombrecuerda El nombre que se va a asignar a este RequestAnimationFrame
fnComponente~Devolución de llamada genérica Función que se enlazará a este componente y se ejecutará justo antes de volver a pintar el navegador.
- Heredado de:
-
seleccionado(seleccionado)
-
Establezca el estado de este elemento de menú como seleccionado o no.
Parámetros:
Nombre Tipo Descripción seleccionadobooleano si el elemento de menú está seleccionado o no
- Heredado de:
-
setAttribute(atributo, valor)
-
Establecer el valor de un atributo en el
Componenteelemento deParámetros:
Nombre Tipo Descripción atributocuerda Nombre del atributo que se va a establecer.
valorcuerda Valor en el que establecer el atributo.
- Heredado de:
- Ver:
-
setInterval (fn, intervalo) → {número}
-
Crea una función que se ejecuta cada
xmilisegundos. Esta función es un envoltorio alrededor deWindow.setInterval. Sin embargo, hay algunas razones para usar este.- Se borra a través de Componente # clearInterval cuando Componente # desechar se llama.
- La devolución de llamada de la función será un componente ~ GenericCallback
Parámetros:
Nombre Tipo Descripción fnComponente~Devolución de llamada genérica Función que se ejecuta cada
xsegundos.intervalonúmero Ejecute la función especificada cada
xmilisegundos.Escucha eventos:
Devoluciones:
número -Devuelve un id que se puede utilizar para identificar el intervalo. También se puede utilizar en el componente #clearInterval para borrar el intervalo.
- Heredado de:
- Ver:
-
setTimeout (fn, tiempo de espera) → {número}
-
Crea una función que se ejecuta tras un tiempo de espera de
xmilisegundos. Esta función es un envoltorio alrededor deWindow.setTimeout. Sin embargo, hay algunas razones para usar este:- Se borra a través de Componente # clearTimeout cuando Componente # desechar se llama.
- La devolución de llamada de la función se convertirá en un componente ~ GenericCallback
Nota: No puedes usar
Window.CleartimeOuten el id devuelto por esta función. Esto hará que su oyente de desecho no se limpie. Utilice el componente #clearTimeout o el componente #dispose en su lugar.Parámetros:
Nombre Tipo Descripción fnComponente~Devolución de llamada genérica Función que se ejecutará tras el tiempo de
espera.tiempo de esperanúmero Tiempo de espera en milisegundos para retrasar antes de ejecutar la función especificada.
Escucha eventos:
Devoluciones:
número -Devuelve un identificador de tiempo de espera que se utiliza para identificar el tiempo de espera. También se puede utilizar en el componente #clearTimeout para borrar el tiempo de espera establecido.
- Heredado de:
- Ver:
-
show()
-
Muestre el elemento
Componentsi está oculto eliminando el nombre de clase 'vjs-hidden'.- Heredado de:
-
ToggleClass(ClassToggle,opt predicado)
-
Añada o elimine un nombre de clase CSS del elemento del componente.
ClassToTogglese agrega cuando el componente #hasClass devuelve false.ClassTogglese elimina cuando el componente #hasClass devuelve true.
Parámetros:
Nombre Tipo Atributos Descripción Clase para alternarcuerda La clase que se va a agregar o eliminar según (@link Component #hasClass}
predicadoboolean | DOM~Predicado <optional>
Una función de predicado DOM~o booleano
- Heredado de:
-
Listo para activadores()
-
Activa todos los oyentes listeners para este
componente.Fuegos:
- Heredado de:
-
ancho (num opt , skipListeners opt ) → {número|cadena}
-
Obtén o establece el ancho del componente en función de los estilos CSS. Consulte Componente #dimension para obtener información más detallada.
Parámetros:
Nombre Tipo Atributos Descripción numnumber | string <optional>
El ancho que desea establecer postfijo con '%', 'px' o nada.
Alicates de esquíbooleano <optional>
Omitir el desencadenador de evento componentresize
Devoluciones:
number | string -El ancho al obtener, cero si no hay ancho. Puede ser una cadena pospixeada con '%' o 'px'.
- Heredado de:
Eventos
-
tamaño de componente
-
Se activa cuando se cambia el tamaño de un componente.
Tipo:
- Heredado de:
-
desechar
-
Se activa cuando un
Componenteestá dispuesto.Tipo:
Propiedades:
Nombre Tipo Atributos Predeterminado Descripción burbujasbooleano <optional>
falso se establece en false para que el evento de deshacerse no se burbujee
- Heredado de:
-
listo
-
Se activa cuando un
componenteestá listo.Tipo:
- Heredado de:
-
toque
-
Se activa cuando un
Componentese toca.Tipo:
- Heredado de: