Reproductor de Brightcove v5.22.2

Clase: Spinner de carga

Spinner de carga

Un spinner de carga para usar durante los eventos de espera/carga.

nuevo LoadingSpinner ()

Fuente:
loading-spinner.js que es

Extiende

Métodos

$ (selector [, context])

Busque un único elemento DOM que coincida con un selector. Puede estar dentro del componente contenTel () u otro contexto personalizado.

Parámetros:
Nombre Tipo Argumento Predeterminado Descripción
selector cuerda

Selector CSS válido, que se pasará a QuerySelector.
contexto Element | 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. Si this.contentel () no devuelve nada, vuelve al documento.
Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:

el elemento dom que se encontró, o nulo

Tipo
Elemento | null

$$ (selector [, context])

Busca todos los elementos DOM que coinciden con un selector. Puede estar dentro del componente contenTel () u otro contexto personalizado.

Parámetros:
Nombre Tipo Argumento Predeterminado Descripción
selector cuerda

Selector CSS válido, que se pasará a QuerySelectorAll.
contexto Element | 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. Si this.contentel () no devuelve nada, vuelve al documento.
Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:

una lista de elementos dom que se encontraron

Tipo
Lista de nodos

addChild (child [, opciones] [, índice])

Agregue un componente hijo dentro del componente actual.

Parámetros:
Nombre Tipo Argumento Predeterminado Descripción
niño string | Componente

El nombre o la instancia de un hijo que se va a agregar.
opciones Objeto <optional>
 {}

El almacén de clave/valor de opciones que se pasarán a los hijos del niño.
índice número <optional>
 this.children_.length

Índice al que intentar agregar un hijo.
Heredado de:
Fuente:
component.js que es
Devoluciones:

El componente que se agrega como hijo. Cuando se usa una cuerda, Componente será creado por este proceso.

Tipo
Componente

Agregar clase (clase para agregar)

Agregue un nombre de clase CSS al elemento del componente.

Parámetros:
Nombre Tipo Descripción
Clase para agregar cuerda

Nombre de clase CSS para agregar
Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

blur ()

Eliminar el enfoque de este componente

Heredado de:
Fuente:
component.js que es

<abstracto > Build CSS Class ()

Crea el nombre de clase DOM predeterminado. Debe ser anulado por subcomponentes.

Heredado de:
Fuente:
component.js que es
Devoluciones:

El nombre de clase DOM de este objeto.

Tipo
cuerda

niños ()

Obtenga una matriz de todos los componentes secundarios

Heredado de:
Fuente:
component.js que es
Devoluciones:

Los niños

Tipo
Matriz

ClearInterval (interválido)

Borra un intervalo que se crea a través de Window.setInterval o Component #setInterval. Si establece un intervalo mediante el Componente #setInterval, utilice esta función en lugar de Window.clearInterval. Si no lo hace, su oyente no se limpiará hasta el Componente #dispose.

Parámetros:
Nombre Tipo Descripción
Interválido número

ID del intervalo que se va a borrar. El valor devuelto de Component #setInterval o Window.setInterval.
Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:

Devuelve el identificador de intervalo que se ha borrado.

Tipo
número

Borrar tiempo de espera (ID de tiempo de espera)

Borra un tiempo de espera que se crea a través de Window.setTimeout o Component #setTimeout. Si establece un tiempo de espera mediante el Componente #setTimeout, utilice esta función en lugar de Window.Cleartimout. Si no lo hace, su oyente no se limpiará hasta el Componente #dispose.

Parámetros:
Nombre Tipo Descripción
ID de tiempo de espera número

Identificación del tiempo de espera que se va a borrar. El valor devuelto de Component #setTimeout o Window.setTimeout.
Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:

Devuelve el identificador de tiempo de espera que se ha borrado.

Tipo
número

contenido en el ()

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.

Heredado de:
Fuente:
component.js que es
Devoluciones:

El elemento de contenido de este componente.

Tipo
Elemento

Crear el ()

Cree el elemento DOM de LoadingSpinner.

Anulaciones:
Fuente:
loading-spinner.js que es
Devoluciones:

El elemento dom que se crea.

Tipo
Elemento

Dimensión actual (ancho o alto)

Obtenga el ancho o la altura del Componente elementos calculados estilo. Utiliza Window.getComputedStyle.

Parámetros:
Nombre Tipo Descripción
Anchura o altura cuerda

Una cadena que contiene 'ancho' o 'alto'. Cualquiera que quieras conseguir.
Heredado de:
Fuente:
component.js que es
Devoluciones:

La dimensión que se solicita o 0 si no se ha establecido nada para esa dimensión.

Tipo
número

Dimensiones actuales ()

Obtenga un objeto que contenga valores de anchura y altura del estilo calculado del componente.

Heredado de:
Fuente:
component.js que es
Devoluciones:

Dimensiones del elemento componente

Tipo
Componente~DimensionObject

Altura actual ()

Obtenga la altura del estilo calculado del componente. Utiliza Window.getComputedStyle.

Heredado de:
Fuente:
component.js que es
Devoluciones:

height Altura del estilo calculado del componente.

Tipo
número

Current Width ()

Obtenga el ancho del estilo calculado del componente. Utiliza Window.getComputedStyle.

Heredado de:
Fuente:
component.js que es
Devoluciones:

width Ancho del estilo calculado del componente.

Tipo
número

dimensión (ancho o alto [, num] [, saltar Listeners])

Obtenga o establezca el ancho o alto del Componente elemento. 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 el Componentes style.width y vuelve a caer window.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 Argumento Descripción
Anchura o altura cuerda

8 'ancho' o 'alto'
num number | string <optional>

8 Nueva dimensión
Alicates de esquí booleano <optional>

Omitir activador de evento de redimension
Heredado de:
Fuente:
component.js que es
Fuegos:
Devoluciones:
  • la dimensión al obtener o 0 si no está establecida
    - Se devuelve a sí mismo al configurar; El método se puede encadenar.
Tipo
Componente

dimensiones (ancho, alto)

Establezca tanto el ancho como el alto del Componente elemento al mismo tiempo.

Parámetros:
Nombre Tipo Descripción
anchura number | string

Ancho para establecer el elemento componentes.
altura number | string

Altura en la que se establece el elemento componentes.
Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

disponer ()

Elimine el componente y todos los componentes secundarios.

Heredado de:
Fuente:
component.js que es
Fuegos:

el ()

Obtener el elemento DOM del componente

Heredado de:
Fuente:
component.js que es
Devoluciones:

El elemento DOM de este componente.

Tipo
Elemento

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 touchstart y tocar alternar 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 tocar evento 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 un tocar evento y cualquier otra cosa que no sea un toque, no debe volver a activar los controles.

Heredado de:
Fuente:
component.js que es
Escucha eventos:
  • Componente #event:touchstart
  • Componente #evento:touch move
  • Componente #evento:touchend
  • Componente #evento:touchcancelación

focus ()

Establezca el foco en este componente

Heredado de:
Fuente:
component.js que es

getAttribute (atributo)

Obtenga el valor de un atributo en el elemento del componente.

Parámetros:
Nombre Tipo Descripción
atributo cuerda

Nombre del atributo del que se obtiene el valor.
Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:
  • El valor del atributo que se ha 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 un valor nulo si el atributo no existe o tiene
    sin valor.
Tipo
string | null

getChild (nombre)

Devuelve el componente secundario con el nombre de pila.

Parámetros:
Nombre Tipo Descripción
nombre cuerda

Nombre del componente hijo que se va a obtener.
Heredado de:
Fuente:
component.js que es
Devoluciones:

El componente hijo con el nombre de pila o sin definir.

Tipo
Componente | indefinido

getChildById (id)

Devuelve el componente hijo con el identificador dado.

Parámetros:
Nombre Tipo Descripción
id cuerda

ID del componente secundario que se va a obtener.
Heredado de:
Fuente:
component.js que es
Devoluciones:

El componente hijo con el identificador dado o sin definir.

Tipo
Componente | indefinido

HasClass (clase para comprobar)

Compruebe si el elemento de un componente tiene un nombre de clase CSS.

Parámetros:
Nombre Tipo Descripción
Clase a comprobar cuerda

Nombre de clase CSS para comprobar.
Heredado de:
Fuente:
component.js que es
Devoluciones:
  • True si el componente tiene la clase.
    - Falso si el `Componente` no tiene la clase`
Tipo
booleano

height ([num] [, Skiplisteners])

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 Argumento Descripción
num number | string <optional>

La altura que desea establecer con el postfijo '%', 'px' o nada.
Alicates de esquí booleano <optional>

Omitir el activador de evento de redimensionamiento
Heredado de:
Fuente:
component.js que es
Devoluciones:
  • El ancho al obtener, cero si no hay ancho. Puede ser una cuerda
    postpixelado con '%' o 'px'.
  - Se devuelve a sí mismo al configurar; El método se puede encadenar.
Tipo
Componente | número | cadena

hide ()

Oculte el elemento de Componentsi se muestra actualmente añadiéndole el nombre de clase «vjs-hidden'.

Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

id ()

Obtener el ID de este componente

Heredado de:
Fuente:
component.js que es
Devoluciones:

El id de este componente

Tipo
cuerda

Init Niños ()

Agregue e inicialice los componentes secundariospredeterminados en función de las opciones.

Heredado de:
Fuente:
component.js que es

localize (cadena)

Localiza una cadena dada la cadena en inglés.

Parámetros:
Nombre Tipo Descripción
cuerda cuerda

La cadena que se va a localizar.
Heredado de:
Fuente:
component.js que es
Devoluciones:

La cadena localizada o, si no existe ninguna localización, la cadena inglesa.

Tipo
cuerda

nombre ()

Obtenga el nombre del componente. El nombre se utiliza para hacer referencia al componente y se establece durante el registro.

Heredado de:
Fuente:
component.js que es
Devoluciones:

Nombre de este componente.

Tipo
cuerda

off ([primero] [, segundo] [, tercero])

Elimine un detector de eventos del elemento de este componente. Si se excluyó el segundo argumento, todos los oyentes del tipo que se pasa ya que se eliminarán el primer argumento.

Parámetros:
Nombre Tipo Argumento Descripción
primero string | Componente | Matriz.<cadena> <optional>

El nombre del evento y la matriz de nombres de eventos u otro componente.
segundo eventtarget~EventListener | string | matriz.<cadena> <optional>

La función de escucha, un nombre de evento o un conjunto de nombres de eventos.
tercero Objeto de eventos~Escuchador de eventos <optional>

El controlador de eventos si el primero es un componente y el segundo es un nombre de evento o una matriz de nombres de eventos.
Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

on ([primero] [, segundo] [, tercero])

Agregar un oyente de eventos a esto Componenteelemento s.

La ventaja de utilizarlo sobre lo siguiente:

  • vjevents.on (OtherElement, 'EventName', myFunc)

  • OtherComponent.on ('Nombre del evento', myFunc)

  • Es que los oyentes se limpiarán cuando se elimine cualquiera de los componentes.

  • También vinculará myComponent como contexto de myFunc.

    NOTA: Si elimina el elemento del DOM que se ha utilizado en, debe

    limpie las referencias usando: `myComponent.trigger(el, 'dispose')`
 Esto también permitirá que el navegador lo recoja. En especial
 casos como `ventana` y `documento`, que son permanentes,
 Esto no es necesario.
Parámetros:
Nombre Tipo Argumento Descripción
primero string | Componente | Matriz.<cadena> <optional>

El nombre del evento y la matriz de nombres de eventos u otro componente.
segundo eventtarget~EventListener | string | matriz.<cadena> <optional>

La función de escucha, un nombre de evento o un conjunto de nombres de eventos.
tercero Objeto de eventos~Escuchador de eventos <optional>

El controlador de eventos si el primero es un componente y el segundo es un nombre de evento o una matriz de nombres de eventos.
Heredado de:
Fuente:
component.js que es
Escucha eventos:
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

uno ([primero] [, segundo] [, tercero])

Agrega un detector de eventos que se activa solo una vez y luego se elimina.

Parámetros:
Nombre Tipo Argumento Descripción
primero string | Componente | Matriz.<cadena> <optional>

El nombre del evento y la matriz de nombres de eventos u otro componente.
segundo eventtarget~EventListener | string | matriz.<cadena> <optional>

La función de escucha, un nombre de evento o un conjunto de nombres de eventos.
tercero Objeto de eventos~Escuchador de eventos <optional>

El controlador de eventos si el primero es un componente y el segundo es un nombre de evento o una matriz de nombres de eventos.
Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

opciones (obj)

Fusión profunda de objetos de opciones con nuevas opciones.

Nota: Cuando tanto obj como opciones contienen propiedades cuyos valores son objetos. Las dos propiedades se fusionan mediante Module:MergeOptions

Parámetros:
Nombre Tipo Descripción
obj Objeto

Objeto que contiene nuevas opciones.
Heredado de:
En desuso:
  • desde la versión 5
Fuente:
component.js que es
Devoluciones:

Un nuevo objeto de esto.options_ y obj se fusionaron.

Tipo
Objeto

jugador ()

Devuelve el Jugador que el Componente se ha adjuntado a.

Heredado de:
Fuente:
component.js que es
Devoluciones:

El jugador que este Componente se ha adjuntado a.

Tipo
Jugador

ready (fn [, sync])

Enlazar un agente de escucha al estado listo del componente. Si el evento listo ya ha ocurrido, activará la función inmediatamente.

Parámetros:
Nombre Tipo Argumento Predeterminado Descripción
fn Componente~Devolución de llamada lista

Se activa una función a la que llamar cuando esté listo.
sincronizar booleano <optional>
 falso

Ejecute el listener de forma sincrónica si el componente está listo.
Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

removeAttribute (atributo)

Elimina un atributo del elemento del componente.

Parámetros:
Nombre Tipo Descripción
atributo cuerda

Nombre del atributo que se va a quitar.
Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

RemoveChild (componente)

Quitar a un niño Componente de esto Componentes lista de niños. Elimina también el elemento secundario del componentes de este elemento componente.

Parámetros:
Nombre Tipo Descripción
componente Componente

El componente secundario que se va a quitar.
Heredado de:
Fuente:
component.js que es

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:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

setAttribute (atributo, valor)

Establecer el valor de un atributo en el Componenteelemento de

Parámetros:
Nombre Tipo Descripción
atributo cuerda

Nombre del atributo que se va a establecer.
valor cuerda

Valor en el que establecer el atributo.
Heredado de:
Fuente:
component.js que es
Ver:
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

setInterval (fn, intervalo)

Crea una función que se ejecuta cada x milisegundos. Esta función es un envoltorio alrededor de Window.setInterval. Sin embargo, hay algunas razones para usar este.

  1. Se borra a través de Componente # clearInterval cuando Componente # desechar se llama.
  2. La devolución de llamada de la función será un componente ~ GenericCallback
Parámetros:
Nombre Tipo Descripción
fn Componente~Devolución de llamada genérica

Función que se ejecuta cada x segundos.
intervalo número

Ejecute la función especificada cada x milisegundos.
Heredado de:
Fuente:
component.js que es
Ver:
Escucha eventos:
Devoluciones:

Devuelve un id que se puede utilizar para identificar el intervalo. También se puede utilizar en el componente #clearInterval para borrar el intervalo.

Tipo
número

setTimeout (fn, timeout)

Crea una función que se ejecuta tras un tiempo de espera de x milisegundos. Esta función es un envoltorio alrededor de Window.setTimeout. Sin embargo, hay algunas razones para usar este:

  1. Se borra a través de Componente # clearTimeout cuando Componente # desechar se llama.
  2. La devolución de llamada de la función se convertirá en un componente ~ GenericCallback

Nota: Puede usar Window.CleartimeOut en el id devuelto por esta función. Esto hará que su oyente de desecho no se limpie. Utilice Componente #clearTimeout o Componente #dispose.

Parámetros:
Nombre Tipo Descripción
fn Componente~Devolución de llamada genérica

Función que se ejecutará tras el tiempo de espera.
tiempo de espera número

Tiempo de espera en milisegundos para retrasar antes de ejecutar la función especificada.
Heredado de:
Fuente:
component.js que es
Ver:
Escucha eventos:
Devoluciones:

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.

Tipo
número

show ()

Muestre el elemento Component si está oculto eliminando el nombre de clase 'vjs-hidden'.

Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

ToggleClass (ClassToggle [, predicado])

Añada o elimine un nombre de clase CSS del elemento del componente.

Parámetros:
Nombre Tipo Argumento Descripción
Clase para alternar cuerda

La clase que se va a agregar o eliminar según (@link Component #hasClass}
predicado boolean | DOM~Predicado <optional>

Una función de predicado DOM~o booleano
Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

trigger (evento [, hash])

Activa un evento en un elemento.

Parámetros:
Nombre Tipo Argumento Descripción
evento eventtarget~event | Objeto | cadena

El nombre del evento y Evento o un objeto similar a un evento con un atributo de tipo establecido en el nombre del evento.
hachís Objeto <optional>

Hash de datos para transmitir junto con el evento
Heredado de:
Fuente:
component.js que es
Devoluciones:

Devuelve por sí mismo; el método se puede encadenar.

Tipo
Componente

Listo para activadores ()

Activa todos los oyentes listeners para este componente.

Heredado de:
Fuente:
component.js que es
Fuegos:

width ([num] [, Skiplisteners])

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 Argumento Descripción
num number | string <optional>

El ancho que desea establecer postfijo con '%', 'px' o nada.
Alicates de esquí booleano <optional>

Omitir el activador de evento de redimensionamiento
Heredado de:
Fuente:
component.js que es
Devoluciones:
  • El ancho al obtener, cero si no hay ancho. Puede ser una cuerda
    postpixelado con '%' o 'px'.
  - Se devuelve a sí mismo al configurar; El método se puede encadenar.
Tipo
Componente | número | cadena

Eventos

deshacerse

Se activa cuando un Componente está dispuesto.

Tipo: Objeto del evento~Evento
Propiedades:
Nombre Tipo Argumento Predeterminado Descripción
burbujas booleano <optional>
 falso

se establece en false para que el evento de cierre no se burbujee
Heredado de:
Fuente:
component.js que es

listo

Se activa cuando un componente está listo.

Tipo: Objeto del evento~Evento
Heredado de:
Fuente:
component.js que es

cambiar tamaño

Se activa cuando se cambia el tamaño de un componente.

Tipo: Objeto del evento~Evento
Heredado de:
Fuente:
component.js que es

toque

Se activa cuando un Componente se toca.

Tipo: Objeto del evento~Evento
Heredado de:
Fuente:
component.js que es