Affichage de l'heure actuelle()

Affiche l'heure actuelle

Nouveau Affichage de l'heure actuelle()

S'étend

Méthodes

$(selector, contextopt) → {Element|null}

Trouvez un seul élément DOM correspondant à un sélecteur. Cela peut être dans le Composants contenuEl() ou un autre contexte personnalisé.

Paramètres :
Prénom Type Attributs Défaut Description
sélecteur chaîne

Un sélecteur CSS valide, qui sera transmis à QuerySelector.

contexte Element | chaîne <facultatif>
Ce .contenTel ()

Un élément DOM dans lequel effectuer une requête. Il peut également s'agir d'une chaîne de sélection, auquel cas le premier élément correspondant sera utilisé comme contexte. S'il manque This.contentel () est utilisé. Si this.contenTel () ne renvoie rien, il revient au document.

Retours :
Element | null -

l'élément dom qui a été trouvé, ou null

Hérité de :
Voir :

$$(selector, contextopt) → {NodeList}

Recherche tous les éléments DOM correspondant à un sélecteur. Cela peut être dans le Composants contenuEl() ou un autre contexte personnalisé.

Paramètres :
Prénom Type Attributs Défaut Description
sélecteur chaîne

Un sélecteur CSS valide, qui sera transmis à QuerySelectorAll.

contexte Element | chaîne <facultatif>
Ce .contenTel ()

Un élément DOM dans lequel effectuer une requête. Il peut également s'agir d'une chaîne de sélection, auquel cas le premier élément correspondant sera utilisé comme contexte. S'il manque This.contentel () est utilisé. Si this.contenTel () ne renvoie rien, il revient au document.

Retours :
NodeList -

une liste des éléments Dom qui ont été trouvés

Hérité de :
Voir :

addChild(child, optionsopt, indexopt){Component}

Ajoutez un composant enfant dans le composant actuel.

Paramètres :
Prénom Type Attributs Défaut Description
enfant chaîne | Composant

Le nom ou l'instance d'un enfant à ajouter.

options Objet <facultatif>
{}

Le magasin de clé/valeur des options qui seront transmises aux enfants de l'enfant.

index numéro <facultatif>
cette longueur .children_.length

L'index dans laquelle tenter d'ajouter un enfant.

Retours :
Composante-

Composant qui est ajouté en tant qu'enfant. Lors de l'utilisation d'une chaîne, le Composant sera créé par ce processus.

Hérité de :

Ajouter une classe(classe à ajouter)

Ajoutez un nom de classe CSS à l' élément Component.

Paramètres :
Prénom Type Description
Classe à ajouter chaîne

Nom de classe CSS à ajouter

Hérité de :

flou()

Supprimer le focus de ce composant

Hérité de :

buildCSSClass() → {string}

Construit le nom de classe DOM par défaut.

Retours :
corde -

Le nom de classe DOM de cet objet.

Remplace :

cancelAnimationFrame(id) → {nombre}

Annule un rappel en file d'attente transmis au composant #requestAnimationFrame (RaF).

Si vous placez en file d'attente un rappel RaF via Component #requestAnimationFrame, utilisez cette fonction au lieu de Window.CancelAnimationFrame. Si ce n'est pas le cas, votre écouteur Dispose ne sera pas nettoyé avant le composant #dispose!

Paramètres :
Prénom Type Description
ID numéro

L'ID RaF à effacer. La valeur de retour du composant #requestAnimationFrame.

Retours :
numéro -

Renvoie l'ID RaF qui a été effacé.

Hérité de :
Voir :

Cadre d'animation CancelNamedAnimation(nom)

Annule une image d'animation nommée actuelle si elle existe.

Paramètres :
Prénom Type Description
nom chaîne

Nom du RequestAnimationFrame à annuler.

Hérité de :

children() → {Array}

Obtenez un tableau de tous les composants enfants

Retours :
Array -

Les enfants

Hérité de :

clearInterval(intervalId) → {nombre}

Efface un intervalle créé via Window.setInterval ou Component #setInterval. Si vous définissez un intervalle via Component #setInterval, utilisez cette fonction au lieu de Window.ClearInterval. Si vous ne le faites pas, votre écouteur Disposez ne sera pas nettoyé avant le composant #dispose!

Paramètres :
Prénom Type Description
Intervalides numéro

ID de l'intervalle à effacer. La valeur de retour de Component #setInterval ou Window.setInterval.

Retours :
numéro -

Renvoie l'identifiant d'intervalle qui a été effacé.

Hérité de :
Voir :

clearTimeout(timeoutId) → {nombre}

Efface un délai d'attente créé via Window.setTimeout ou Component #setTimeout. Si vous définissez un délai d'attente via le composant #setTimeout, utilisez cette fonction au lieu de Window.ClearIMout. Si vous ne le faites pas, votre écouteur Disposez ne sera pas nettoyé avant le composant #dispose!

Paramètres :
Prénom Type Description
ID de l'heure numéro

L'identifiant du délai d'expiration à effacer. La valeur de retour de Component #setTimeout ou Window.setTimeout.

Retours :
numéro -

Renvoie l'identifiant du délai d'attente effacé.

Hérité de :
Voir :

contentEl() → {Element}

Renvoie l' élémentDOM du composant. C'est ici que les enfants sont insérés. Il s'agit généralement de la même chose que l'élément renvoyé dans Component #el.

Retours :
Élément -

L'élément de contenu de ce composant.

Hérité de :

createEl(tagNameopt, propertiesopt, attributesopt) → {Element}

Créez l' élémentDOM du composant.

Paramètres :
Prénom Type Attributs Description
Nom du tag chaîne <facultatif>

Type de nœud DOM de l'élément, par exemple « div »

propriétés Objet <facultatif>

Objet de propriétés à définir.

attributs Objet <facultatif>

Objet d'attributs qui doit être défini.

Retours :
Élément -

L'élément créé.

Hérité de :

currentDimension(widthOrHeight) → {number}

Obtenez la largeur calculée ou la hauteur de l'élément du composant.

Utilise Window.GetComputedStyle.

Paramètres :
Prénom Type Description
Largeur et Hauteur chaîne

Une chaîne contenant "width" ou "height". Celui que vous voulez obtenir.

Retours :
numéro -

La dimension demandée ou 0 si rien n'a été défini pour cette dimension.

Hérité de :

currentDimensions(){Component~DimensionObject}

Obtenir un objet qui contient des valeurs de largeur et de hauteur calculées de l'élément du composant.

Utilise Window.GetComputedStyle.

Retours :
Component~DimensionObject-

Les dimensions calculées de l'élément du composant.

Hérité de :

currentHeight() → {nombre}

Obtenez la hauteur calculée de l'élément du composant.

Utilise Window.GetComputedStyle.

Retours :
numéro -

Hauteur calculée de l'élément du composant.

Hérité de :

currentWidth() → {number}

Obtenez la largeur calculée de l'élément du composant.

Utilise Window.GetComputedStyle.

Retours :
numéro -

Largeur calculée de l'élément du composant.

Hérité de :

dimension(widthOrHeight, numopt, skipListenersopt) → {number}

Obtenir ou définir la largeur ou la hauteur de l' élément Component. Il s'agit du code partagé pour le composant #width et le composant #height.

Ce qu'il faut savoir :

  • Si la largeur ou la hauteur d'un nombre, cela renvoie le numéro postfixé par « px ».
  • Si la largeur/la hauteur est un pourcentage, cela renvoie le pourcentage postfixé avec « % ».
  • Les éléments masqués ont une largeur de 0 avec Window.GetComputedStyle. Cette fonction prend par défaut le Composants style.largeur et retombe sur window.getComputedStyle. Consultez cette page pour plus d'informations.
  • Si vous souhaitez obtenir le style calculé du composant, utilisez Component #currentWidth et {Component #currentHeight
Paramètres :
Prénom Type Attributs Description
Largeur et Hauteur chaîne

8 "largeur" ou "hauteur

num numéro | chaîne <facultatif>

8 Nouvelle dimension

Pinces à skis booléen <facultatif>

Ignorer le déclencheur d'événement Componentresize

Incendies :
Retours :
numéro -

La dimension lors de l'obtention ou 0 si elle n'est pas définie

Hérité de :

dimensions(largeur, hauteur)

Définissez simultanément la largeur et la hauteur de l' élément Component.

Paramètres :
Prénom Type Description
largeur numéro | chaîne

Largeur à laquelle définir l' élément du composantsur.

hauteur numéro | chaîne

Hauteur pour définir l' élément du composantsur.

Hérité de :

dispose(options)

Éliminez le composant et tous les composants enfants.

Paramètres :
Prénom Type Description
options Objet
Propriétés
Prénom Type Description
originalEl Element

par lequel remplacer l'élément player

Incendies :
Hérité de :

el() → {Element}

Obtenir l' élémentDOM du composant

Retours :
Élément -

L'élément DOM de ce composant.

Hérité de :

Activer l'activité tactile()

Cette fonction signale l'activité de l'utilisateur lorsque des événements tactiles se produisent. Cela peut être désactivé par tous les sous-composants qui souhaitent que les événements tactiles agissent autrement.

Signaler l'activité tactile de l'utilisateur lorsque des événements tactiles se produisent. L'activité des utilisateurs permet de déterminer quand les contrôles doivent s'afficher/masquer. C'est simple lorsqu'il s'agit d'événements de souris, car tout événement de souris doit afficher les commandes. Nous capturons donc les événements de souris qui se déplacent vers le joueur et signalons l'activité lorsque cela se produit. Avec les événements tactiles, il n'est pas aussi facile que les commandes Touchstart et Touchend Toggle Player. Les événements tactiles ne peuvent donc pas non plus nous aider au niveau du joueur.

L'activité des utilisateurs est vérifiée de façon asynchrone. Ce qui pourrait arriver, c'est qu'un événement de tapotage sur la vidéo désactive les commandes. Puis le toucher événement bouillonne jusqu'au joueur. Ce qui, s'il signalait une activité utilisateur, réactiverait les contrôles. Nous ne voulons pas non plus empêcher complètement les événements tactiles de bouillonner. De plus un toucher déplacer événement et quoi que ce soit d'autre qu'un tapotement, ne doit pas réactiver les commandes.

Écoute les événements :
  • Composant #événement:Touchstart
  • Composant #événement:Touchmove
  • Composante #événement:Touchend
  • Composant #événement:Touchannuler
Hérité de :

focus()

Définissez le focus sur ce composant

Hérité de :

getAttribute(attribute) → {string|null}

Obtenez la valeur d'un attribut sur l' élément Components.

Paramètres :
Prénom Type Description
attribut chaîne

Nom de l'attribut à partir de laquelle récupérer la valeur.

Retours :
chaîne | null -
  • La valeur de l'attribut qui a été demandé. - Peut être une chaîne vide sur certains navigateurs si l'attribut n'existe pas ou n'a pas de valeur - La plupart des navigateurs renverront null si l'attribut n'existe pas ou n'a pas de valeur.
Hérité de :
Voir :

getChild(name){Component|undefined}

Renvoie le composant enfant portant le prénom.

Paramètres :
Prénom Type Description
nom chaîne

Nom du composant enfant à obtenir.

Retours :
Composant | non défini -

Composant enfant portant le prénom ou non défini.

Hérité de :

getChildById(id){Component|undefined}

Renvoie le composant enfant avec l' identifiant donné.

Paramètres :
Prénom Type Description
ID chaîne

ID du composant enfant à obtenir.

Retours :
Composant | non défini -

Composant enfant avec l' identifiant donné ou non défini.

Hérité de :

getDescendant(...names){Component|undefined}

Renvoie le composant descendant suivant les noms de descendants donnés. Par exemple, ['foo', 'bar', 'baz'] essaierait d'obtenir 'foo' dans le composant actuel, 'bar' dans le composant 'foo' et 'baz' dans le composant 'bar' et renverrait une valeur indéfinie si l'un de ces éléments n'existait pas.

Paramètres :
Prénom Type Attributs Description
noms ... tableau.<string> | corde <répétable>

Nom du composant enfant à obtenir.

Retours :
Composant | non défini -

Composant descendant suivant les noms de descendants donnés ou non défini.

Hérité de :

HandleKeyDown(événement)

Lorsque ce Composant reçoit un touche Bas événement qu'il ne traite pas, il transmet l'événement au lecteur pour traitement.

Paramètres :
Prénom Type Description
événement Cible de l'événement ~ événement

Les touche Bas événement qui a provoqué l'appel de cette fonction.

Hérité de :

HandleKeyPress(événement)

De nombreux composants avaient un poignéeKeyPress méthode, mal nommée car elle écoutait un touche Bas un événement. Ce nom de méthode est désormais délégué à HandleKeyDown. Cela signifie que quiconque appelle HandleKeyPress ne verra pas ses appels de méthode cesser de fonctionner.

Paramètres :
Prénom Type Description
événement Cible de l'événement ~ événement

Événement qui a provoqué l'appel de cette fonction.

Hérité de :

Manche abstrait LanguageChange()

Gère le changement de langue du lecteur dans les composants. Doive être remplacée par des sous-composants.

Hérité de :

hasClass(classToCheck) → {boolean}

Vérifiez si l'élément d'un composant possède un nom de classe CSS.

Paramètres :
Prénom Type Description
Cours à vérifier chaîne

Nom de classe CSS à vérifier.

Retours :
booléen -
  • True si le composant possède la classe. - False si le composant n'a pas la classe`
Hérité de :

height(numopt, skipListenersopt) → {nombre|chaîne}

Obtenez ou définissez la hauteur du composant en fonction des styles CSS. Voir Composant #dimension pour plus d'informations.

Paramètres :
Prénom Type Attributs Description
num numéro | chaîne <facultatif>

La hauteur que vous souhaitez définir après avoir fixé '%', 'px' ou rien du tout.

Pinces à skis booléen <facultatif>

Ignorer le déclencheur d'événement Componentresize

Retours :
numéro | chaîne -

La largeur lors de l'obtention, zéro s'il n'y a pas de largeur. Il peut s'agir d'une chaîne de caractères précédée de "%" ou de "px".

Hérité de :

cacher()

Masquez l' élément Components'il est actuellement affiché en y ajoutant le nom de classe « vjs-hidden ».

Hérité de :

id() → {string}

Obtenez ceci ComposantIdentifiant

Retours :
corde -

L'identifiant de ce composant

Hérité de :

Enfants en TI()

Ajoutez et initialisez des composantsenfants par défaut en fonction des options.

Hérité de :

isDisposed() → {boolean}

Déterminez si ce composant a été éliminé ou non.

Retours :
booléen -

Si le composant a été éliminé, sera vrai. Sinon, faux.

Hérité de :

localize(string, tokensopt, defaultValueopt) → {string}

Localisez une chaîne avec la chaîne en anglais.

Si des jetons sont fournis, il essaiera d'exécuter un simple remplacement de jeton sur la chaîne fournie. Les éléments recherchés ressemblent à {1} , l'index étant indexé à 1 dans le tableau des éléments.

Si une valeur par défaut est fournie, elle utilisera cette valeur au-dessus de la chaîne, si aucune valeur n'est trouvée dans les fichiers linguistiques fournis. Ceci est utile si vous souhaitez avoir une clé descriptive pour le remplacement du jeton mais avoir une chaîne localisée succincte et ne pas exiger fr.json pour être inclus.

Actuellement, il est utilisé pour la synchronisation de la barre de progression.

{
  "Barre de progression : currentTime={1} duration={2}" : "{1} de {2}"
}

Il est ensuite utilisé comme suit :

this.localize('progress bar timing : currentTime={1} duration{2}',
              [this.player_.currentTime(), this.player_.duration()],
              '{1} de {2}') ;

Ce qui produit quelque chose comme : 01:23 de 24 h 56.

Paramètres :
Prénom Type Attributs Description
chaîne chaîne

Chaîne à localiser et clé à rechercher dans les fichiers de langue.

jetons matrice.<corde> <facultatif>

Si l'article actuel a des remplacements de jetons, indiquez les jetons ici.

Valeur par défaut chaîne <facultatif>

La valeur par défaut est chaîne. Il peut s'agir d'une valeur par défaut à utiliser pour le remplacement de jetons si la clé de recherche doit être séparée.

Retours :
corde -

La chaîne localisée ou si aucune localisation n'existe, la chaîne anglaise.

Hérité de :

name() → {string}

Obtenir le ComposantLe nom de. Le nom est utilisé pour référencer le composant et est défini lors de l'enregistrement.

Retours :
corde -

Le nom de ce composant.

Hérité de :

options(obj) → {Objet}

Fusion approfondie des objets options avec de nouvelles options.

Remarque : Lorsque obj et options contiennent des propriétés dont les valeurs sont des objets. Les deux propriétés sont fusionnées à l'aide de Module:MergeOptions

Paramètres :
Prénom Type Description
obj Objet

Objet qui contient de nouvelles options.

Retours :
Objet -

Un nouvel objet de ce .options_ et obj a fusionné ensemble.

Hérité de :

player(){Player}

Renvoie le joueur auquel le composant s'est attaché.

Retours :
Joueur-

Le lecteur auquel ce composant est attaché.

Hérité de :

ready(){Component}

Liez un écouteur à l'état prêt du composant. Différent des écouteurs d'événements en ce sens que si l'événement prêt a déjà eu lieu, il déclenchera immédiatement la fonction.

Retours :
Composante-

Renvoie elle-même ; la méthode peut être enchaînée.

Hérité de :

RemoveAttribute(attribut)

Supprimez un attribut de l' élément Components.

Paramètres :
Prénom Type Description
attribut chaîne

Nom de l'attribut à supprimer.

Hérité de :
Voir :

RemoveChild(composant)

Supprimer un enfant Composant de ceci Composants liste des enfants. Supprime également l' élément Components enfant de cet élément Component.

Paramètres :
Prénom Type Description
composant Composante

Composant enfant à supprimer.

Hérité de :

Supprimer la classe(classe à supprimer)

Supprimez un nom de classe CSS de l' élément Components.

Paramètres :
Prénom Type Description
Classe à supprimer chaîne

Nom de classe CSS à supprimer

Hérité de :

requestAnimationFrame(fn) → {nombre}

Met en file d'attente un rappel à transmettre à RequestAnimationFrame (RaF), mais avec quelques bonus supplémentaires :

  • Prend en charge les navigateurs qui ne prennent pas en charge RaF en revenant au composant #setTimeout.

  • Le rappel est transformé en composant Component~GenericCallback (c'est-à-dire lié au composant).

  • L'annulation automatique du rappel RaF est gérée si le composant est éliminé avant son appel.

Paramètres :
Prénom Type Description
fn Composant ~ rappel générique

Fonction qui sera liée à ce composant et exécutée juste avant la prochaine peinture du navigateur.

Écoute les événements :
Retours :
numéro -

Renvoie un ID RaF utilisé pour identifier le délai d'expiration. Il peut également être utilisé dans le composant #cancelAnimationFrame pour annuler le rappel de la trame d'animation.

Hérité de :
Voir :

RequestNamedAnimation Frame(nom, fn)

Demandez une image d'animation, mais une seule image d'animation nommée sera mise en file d'attente. Un autre ne sera jamais ajouté avant la fin de la précédente.

Paramètres :
Prénom Type Description
nom chaîne

Le nom à donner à cette RequestAnimationFrame

fn Composant ~ rappel générique

Fonction qui sera liée à ce composant et exécutée juste avant la prochaine peinture du navigateur.

Hérité de :

SetAttribute(attribut, valeur)

Définir la valeur d'un attribut sur le Composantélément de

Paramètres :
Prénom Type Description
attribut chaîne

Nom de l'attribut à définir.

valeur chaîne

Valeur sur laquelle définir l'attribut.

Hérité de :
Voir :

setInterval(fn, intervalle) → {nombre}

Crée une fonction qui est exécutée toutes les x millisecondes. Cette fonction est une enveloppe autour de Window.setInterval. Il y a cependant quelques raisons d'utiliser celle-ci à la place.

  1. Il est effacé via le composant #clearInterval lorsque le composant #dispose est appelé.
  2. La fonction de rappel sera un composant ~GenericCallback
Paramètres :
Prénom Type Description
fn Composant ~ rappel générique

Fonction à exécuter toutes les x secondes.

intervalle numéro

Exécutez la fonction spécifiée toutes les x millisecondes.

Écoute les événements :
Retours :
numéro -

Renvoie un identifiant qui peut être utilisé pour identifier l'intervalle. Il peut également être utilisé dans le composant #clearInterval pour effacer l'intervalle.

Hérité de :
Voir :

setTimeout(fn, timeout) → {nombre}

Crée une fonction qui s'exécute après un délai d'expiration de x millisecondes. Cette fonction est une enveloppe autour de Window.setTimeout. Il y a cependant quelques raisons d'utiliser celle-ci à la place :

  1. Il est effacé via le composant #clearTimeout lorsque le composant #dispose est appelé.
  2. La fonction de rappel sera transformée en composant ~GenericCallback

Remarque : Vous ne pouvez pas utiliser Window.CleartimeOut sur l'identifiant renvoyé par cette fonction. Cela fera en sorte que son auditeur de disposition ne soit pas nettoyé ! Veuillez utiliser Composant#clearTimeout ou Composant#disposer au lieu.

Paramètres :
Prénom Type Description
fn Composant ~ rappel générique

Fonction qui sera exécutée après le délai d'expiration.

temps libre numéro

Délai d'expiration en millisecondes avant l'exécution de la fonction spécifiée.

Écoute les événements :
Retours :
numéro -

Renvoie un ID de délai d'attente utilisé pour identifier le délai d'expiration. Il peut également être utilisé dans le composant #clearTimeout pour effacer le délai d'attente défini.

Hérité de :
Voir :

spectacle()

Afficher l'élément Componentss'il est caché en supprimant le nom de classe "vjs-hidden".

Hérité de :

Basculer la classe(ClasseToToggle, prédicateopt)

Ajoutez ou supprimez un nom de classe CSS de l'élément du composant.

Paramètres :
Prénom Type Attributs Description
Classe à bascule chaîne

La classe à ajouter ou à supprimer en fonction de (@link Component #hasClass}

prédicat booléen | DOM~Predicate <facultatif>

Une fonction DOM~Predicate ou un booléen

Hérité de :

Déclencheur prêt()

Déclenchez tous les écouteurs prêts pour ce composant.

Incendies :
Hérité de :

UpdateContent(option d'événement)

Mettre à jour l'affichage du temps actuel

Paramètres :
Prénom Type Attributs Description
événement Cible de l'événement ~ événement <facultatif>

Les mise à jour de l'heure événement qui a provoqué l'exécution de cette fonction.

Écoute les événements :

width(numopt, skipListenersopt) → {nombre|chaîne}

Obtenez ou définissez la largeur du composant en fonction des styles CSS. Voir Composant #dimension pour plus d'informations.

Paramètres :
Prénom Type Attributs Description
num numéro | chaîne <facultatif>

La largeur que vous souhaitez définir après avoir fixé '%', 'px' ou rien du tout.

Pinces à skis booléen <facultatif>

Ignorer le déclencheur d'événement Componentresize

Retours :
numéro | chaîne -

La largeur lors de l'obtention, zéro s'il n'y a pas de largeur. Il peut s'agir d'une chaîne de caractères précédée de "%" ou de "px".

Hérité de :

Evénements

taille du composant

Déclenché lorsqu'un composant est redimensionné.

Type:
Hérité de :

disposer

Déclenché lorsqu'un composant est éliminé.

Type:
Propriétés :
Prénom Type Attributs Défaut Description
bulles booléen <facultatif>
faux

défini sur false pour que l'événement Dispose ne s'éclate pas

Hérité de :

prêt

Déclenché lorsqu'un composant est prêt.

Type:
Hérité de :

robinet

Déclenché lorsqu'un composant est tapé.

Type:
Hérité de :