S'étend

• Composante

Membres

Caractéristiques Redimensionnement plein écran : booléen

tech/tech.js, ligne 1160

Booléen indiquant si le Technologie prend en charge le contrôle de redimensionnement plein écran. Le redimensionnement des plugins à l'aide de la requête en plein écran recharge le plugin

Caractéristiques Mute Control : bolean

tech/tech.js, ligne 1151

Boolean indiquant si le Tech prend en charge le volume de sourdine.

Valeur par défaut :

• true

Caractéristiques des pistes de texte natives : booléen

tech/tech.js, ligne 1212

Boolean indiquant si le Tech prend en charge les TextTracknatifs. Cela nous aidera à nous intégrer avec TextTracks natif si le navigateur les prend en charge.

Caractéristiques Taux de lecture : booléen

tech/tech.js, ligne 1171

Boolean indiquant si la technologie prend en charge la modification de la vitesse de lecture de la vidéo. Exemples :

• Réglez le joueur pour qu'il joue 2 fois (deux fois) plus vite
• Réglez le joueur pour qu'il joue 0,5x (moitié) aussi vite

Fonctionnalités Progress Events : booléen

tech/tech.js, ligne 1181

Booléen indiquant si le Technologie soutient le le progrès un événement. Ce n'est actuellement pas déclenché par video-js-swf. Cette option sera utilisée pour déterminer si Tech #manualProgressOn doit être appelé.

Features Source Set : booléen

tech/tech.js, ligne 1193

Booléen indiquant si le Technologie soutient le ensemble de sources un événement.

Une technologie doit définir cela sur vrai, puis utiliser Tech #triggerSourceset pour déclencher un jeu de sources Tech #event:sourceset dès qu'il en a obtenu un nouveau source.

Événements Time Update : booléen

tech/tech.js, ligne 1203

Booléen indiquant si le Technologie soutient le mise à jour de l'heure un événement. Ce n'est actuellement pas déclenché par video-js-swf. Cette option sera utilisée pour déterminer si Tech #manualTimeUpdates doit être appelé.

featuresVideoFrameCallback:booléen

tech/tech.js, ligne 1220

Booléen indiquant si le Tech prend en charge la fonction requestVideoFrameCallback.

Caractéristiques Contrôle du volume : booléen

tech/tech.js, ligne 1143

Boolean indiquant si le Tech prend en charge le contrôle du volume.

Valeur par défaut :

• true

Méthodes

statique canPlaySource(srcObj, options) → {string}

tech/tech.js, ligne 984

Vérifiez si le technicien peut prendre en charge la source donnée

Paramètres :

Prénom	Type	Description
Srco BJ	Objet	L'objet source
options	Objet	Les options transmises à la technologie

Retours :

corde -

"probablement", "peut-être" ou '' (chaîne vide)

statique canPlayType(type) → {string}

tech/tech.js, ligne 971

Vérifiez si le type est pris en charge par cette technologie.

La technologie de base ne prend en charge aucun type, mais les gestionnaires de source peuvent l'écraser.

Paramètres :

Prénom	Type	Description
type	chaîne	Le type de média à vérifier

Retours :

corde -

Renvoie la réponse de l'élément vidéo natif

statique getTech(name) → {Tech|non défini}

tech/tech.js, ligne 1051

Obtenez un Tech de la liste partagée par son nom.

Paramètres :

Prénom	Type	Description
nom	chaîne	affaire de chameau ou TitreCase nom de la Tech à obtenir

Retours :

Tech | indéfini -

Le Tech ou non défini s'il n'y avait pas de technologie portant le nom demandé.

RegisterTech statique(nom, technologie)

tech/tech.js, ligne 1015

Enregistre un Tech dans une liste partagée pour videojs.

Paramètres :

Prénom	Type	Description
nom	chaîne	Nom de la Tech à enregistrer.
technologie	Objet	Les Technologie classe pour s'inscrire.

statique withSourceHandlers(_Technologie)

tech/tech.js, ligne 1234

Un mixin fonctionnel pour les techniciens qui souhaitent utiliser le modèle Source Handler. Les gestionnaires de sources sont des scripts permettant de gérer des formats spécifiques. Le modèle de gestionnaire source est utilisé pour les formats adaptatifs (HLS, DASH) qui chargent manuellement des données vidéo et les alimentent dans un tampon source (extensions de source multimédia) Exemple : Tech.with SourceHandlers.Call (MyTech) ;

Paramètres :

Prénom	Type	Description
_Tech	Tech	La technologie à laquelle ajouter des fonctions de gestionnaire source.

Se mélange dans :

• Additions Tech~Source Handler

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

component.js, ligne 778

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

Remplace :

• Composant#$

Voir :

• Informations sur les sélecteurs CSS

$$(selector, contextopt) → {NodeList}

component.js, ligne 800

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

Remplace :

• Composant#$$

Voir :

• Informations sur les sélecteurs CSS

addChild(child, optionsopt, indexopt) → {Component}

component.js, ligne 469

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.

Remplace :

• Composante #addChild

Ajouter une classe(classe à ajouter)

component.js, ligne 824

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

Remplace :

• Composante #addClass

addRemoteTextTrack(options, manualCleanupopt) → {HTMLTrackElement}

tech/tech.js, ligne 773

Crée un objet de piste de texte distant et renvoie un élément de piste HTML.

Remarque : Il peut s'agir d'un HtmlTrkElement émulé ou d'un élément natif.

Paramètres :

Prénom	Type	Attributs	Défaut	Description
options	Objet			Voir Tech #createRemoteTextTrack pour obtenir des propriétés plus détaillées.
Nettoyage manuel	booléen	<facultatif>	true	Si faux : le TextTrack sera automatiquement supprimé de l'élément vidéo lorsque la source change - Si vrai : le TextTrack sera automatiquement supprimé de l'élément vidéo lorsque la source change - Si vrai : Le TextTrack devra être nettoyé manuellement

Retours :

Élément de suivi HTML-

Un élément de piste Html.

Obsolète :

• La fonctionnalité par défaut de cette fonction sera équivalente à « ManualCleanup=False » à l'avenir. Le paramètre ManualCleanup sera également supprimé.

addTextTrack(kind, labelopt, languageopt) → {TextTrack}

tech/tech.js, ligne 716

Créer et retourner une télécommande TextTrack objet.

Paramètres :

Prénom	Type	Attributs	Description
gentil	chaîne		Type TextTrack (sous-titres, sous-titres, descriptions, chapitres ou métadonnées)
étiquette	chaîne	<facultatif>	Étiquette permettant d'identifier la piste de texte
langue	chaîne	<facultatif>	Abréviation en deux lettres

Retours :

TextTrack-

TextTrack créé.

Ajouter WebVTT Script_()

tech/tech.js, ligne 596

Émulez TextTracks à l'aide de vtt.js si nécessaire

Incendies :

• Tech #événement : vttj chargé
• Tech #événement : vttjserror

audioTracks() → {AudioTrackList}

tech/tech.js, ligne 1076

Obtenir la liste AudioTrackList

Retours :

Liste des pistes audio

flou()

component.js, ligne 1164

Supprimer le focus de ce composant

Remplace :

• Composante #blur

buffered() → {TimeRange}

tech/tech.js, ligne 282

Obtenez et créez un Intervalle de temps objet pour la mise en mémoire tampon.

Retours :

Plage de temps -

Objet de plage temporelle créé.

bufferedPercent() → {nombre}

tech/tech.js, ligne 294

Obtenez le pourcentage de la vidéo actuelle actuellement mise en mémoire tampon.

Retours :

numéro -

Nombre compris entre 0 et 1 qui représente le pourcentage décimal de la vidéo mise en mémoire tampon.

abstrait buildCSSClass() → {string}

component.js, ligne 695

Construit le nom de classe DOM par défaut. Doive être remplacée par des sous-composants.

Retours :

corde -

Nom de classe DOM de cet objet.

Remplace :

• Composante #buildCSSClass

cancelAnimationFrame(id) → {nombre}

component.js, ligne 1598

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é.

Remplace :

• Composante #cancelAnimationFrame

Voir :

• Similaire à

Cadre d'animation CancelNamedAnimation(nom)

component.js, ligne 1573

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

Paramètres :

Prénom	Type	Description
nom	chaîne	Nom du RequestAnimationFrame à annuler.

Remplace :

• Composante #cancelNamedAnimationFrame

cancelVideoFrameCallback(id)

tech/tech.js, ligne 892

Une implémentation de secours de cancelVideoFrameCallback

Paramètres :

Prénom	Type	Description
ID	numéro	id du rappel à annuler

children() → {Array}

component.js, ligne 386

Obtenez un tableau de tous les composants enfants

Retours :

Array -

Les enfants

Remplace :

• Composante #children

Nettoyage des pistes de texte Auto()

tech/tech.js, ligne 424

Supprimez tous les TextTracks ajoutés via AddRemoteTextTrack qui sont signalés pour la collecte automatique des ordures

clearInterval(intervalId) → {nombre}

component.js, ligne 1477

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é.

Remplace :

• Composante #clearInterval

Voir :

• Similaire à

clearTimeout(timeoutId) → {nombre}

component.js, ligne 1421

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é.

Remplace :

• Composante #clearTimeout

Voir :

• Similaire à

ClearTracks(types)

tech/tech.js, ligne 402

Effacez une trackList unique ou un tableau de TrackList en fonction de leur nom.

Remarque : Les techniciens sans gestionnaire de source devraient appeler cela entre les sources pour vidéo & l'audio des pistes. Vous ne voulez pas les utiliser entre les pistes !

Paramètres :

Prénom	Type	Description
types	matrice.<string> | corde	Les noms de TrackList à effacer, les noms valides sont vidéo , l'audio , et texte.

contentEl() → {Element}

component.js, ligne 355

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.

Remplace :

• Composante #contentEl

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

component.js, ligne 267

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éé.

Remplace :

• Composante #createEl

createRemoteTextTrack(options) → {HTMLTrackElement}

tech/tech.js, ligne 745

Créer un TextTrack émulé à utiliser par AddRemoteTextTrack

Il est destiné à être remplacé par les classes héritées de Tech afin de créer des TextTracks natifs ou personnalisés.

Paramètres :

Prénom	Type	Description
options	Objet	L'objet doit contenir les options permettant d'initialiser TextTrack avec. Propriétés Prénom Type Attributs Description gentil chaîne <facultatif> Type TextTrack (sous-titres, sous-titres, descriptions, chapitres ou métadonnées). étiquette chaîne <facultatif> Étiquette permettant d'identifier la piste de texte langue chaîne <facultatif> Abréviation en deux lettres.

Retours :

Élément de suivi HTML-

L'élément de piste créé.

abstrait croixOrigine()

tech/tech.js, ligne 449

Obtenez la valeur de croixOrigine de la technologie.

Voir :

• {Html5#crossOrigin}

currentDimension(widthOrHeight) → {number}

component.js, ligne 1077

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.

Remplace :

• Composante #currentDimension

currentDimensions() → {Component~DimensionObject}

component.js, ligne 1123

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.

Remplace :

• Composante #currentDimensions

currentHeight() → {nombre}

component.js, ligne 1150

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.

Remplace :

• Composante #currentHeight

currentWidth() → {number}

component.js, ligne 1138

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.

Remplace :

• Composante #currentWidth

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

component.js, ligne 1014

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 :

• Composant #événement : taille du composant

Retours :

numéro -

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

Remplace :

• Composante #dimension

dimensions(largeur, hauteur)

component.js, ligne 980

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.

Remplace :

• Composante #dimensions

abstrait disablePictureInPicture()

tech/tech.js, ligne 852

Une méthode pour vérifier la valeur de 'disablePictureInPicture'

jetez()

tech/tech.js, ligne 375

Désactivez tous les polyfills d'événement, désactivez le Technologies Liste des pistes audio , Liste des pistes vidéo , et TextTrackList , et disposer de ce Tech.

Incendies :

• Composante #événement : disposer

Remplace :

• Composante #dispose

el() → {Element}

component.js, ligne 248

Obtenir l' élémentDOM du composant

Retours :

Élément -

L'élément DOM de ce composant.

Remplace :

• Composante #el

Emuler des pistes de texte()

tech/tech.js, ligne 655

Emuler des pistes de texte

Activer l'activité tactile()

component.js, ligne 1320

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

Remplace :

• Composante #enableTouchActivity

error(erropt) → {MediaError|null}

tech/tech.js, ligne 470

Obtenir ou définir une erreur sur la technologie.

Paramètres :

Prénom	Type	Attributs	Description
erreur	Erreur multimédia	<facultatif>	Erreur lors de la configuration de la technologie

Retours :

MediaError | null -

Objet d'erreur actuel sur la technologie, ou null s'il n'y en a pas.

focus()

component.js, ligne 1157

Définissez le focus sur ce composant

Remplace :

• Composante #focus

getAttribute(attribute) → {string|null}

component.js, ligne 904

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.

Remplace :

• Composante #getAttribute

Voir :

• API DOM

getChild(name) → {Component|undefined}

component.js, ligne 412

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.

Remplace :

• Composante #getChild

getChildById(id) → {Component|undefined}

component.js, ligne 399

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.

Remplace :

• Composante #getChildById

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

component.js, ligne 434

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.

Remplace :

• Composante #getDescendant

abstrait getVideoPlaybackQuality() → {Objet}

tech/tech.js, ligne 820

Obtient les mesures de qualité de lecture multimédia disponibles telles que spécifiées par l'API Media Playback Quality du W3C.

Retours :

Objet -

Un objet avec des mesures de qualité de lecture multimédia prises en charge

Voir :

• Spec

HandleKeyDown(événement)

component.js, ligne 1175

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.

Remplace :

• Composante #handleKeyDown

HandleKeyPress(événement)

component.js, ligne 1196

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.

Remplace :

• Composante #handleKeyPress

Manche abstrait LanguageChange()

component.js, ligne 346

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

Remplace :

• Composante #handleLanguagechange

hasClass(classToCheck) → {boolean}

component.js, ligne 814

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`

Remplace :

• Composante #hasClass

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

component.js, ligne 967

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".

Remplace :

• Composante #height

cacher()

component.js, ligne 865

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

Remplace :

• Composante #hide

id() → {string}

component.js, ligne 365

Obtenez ceci ComposantIdentifiant

Retours :

corde -

L'identifiant de ce composant

Remplace :

• Composante #id

Enfants en TI()

component.js, ligne 592

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

Remplace :

• Composante #initChildren

Écouteurs InitTrack()

tech/tech.js, ligne 551

Activer les auditeurs pour Liste des pistes vidéo , {AudioTrackList, et TextTrackList événements.

Cela ajoute EventTarget~EventListeners pour addtrack et removetrack.

Incendies :

• Tech #événement : changement de piste audio
• Tech #événement : changement de piste vidéo
• Tech #événement : changement de piste de texte

isDisposed() → {boolean}

component.js, ligne 208

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

Retours :

booléen -

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

Remplace :

• Composante #isDisposed

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

component.js, ligne 309

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.

Remplace :

• Composante #localize

Progression manuelle de F()

tech/tech.js, ligne 218

Désactivez le polyfill pour le progrès événements qui ont été créés dans Tech#manualProgressOn

Progression manuelle()

tech/tech.js, ligne 205

Polyremplir le le progrès événement pour les navigateurs qui ne le prennent pas en charge nativement.

Voir :

• Tech #trackProgress

Mises à jour manuelles de F()

tech/tech.js, ligne 324

Désactivez le polyfill pour mise à jour de l'heure événements qui ont été créés dans Tech#manualTimeUpdatesOn

Mises à jour manuelles sur()

tech/tech.js, ligne 313

Polyremplir le mise à jour de l'heure événement pour les navigateurs qui ne le prennent pas en charge.

Voir :

• Tech #trackCurrentTime

name() → {string}

component.js, ligne 376

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.

Remplace :

• Composante #name

OnDurationChange(événement)

tech/tech.js, ligne 272

Mettre à jour notre durée interne sur un changement de durée événement en appelant Tech#duration.

Paramètres :

Prénom	Type	Description
événement	Cible de l'événement ~ événement	Les changement de durée événement qui a provoqué cette exécution.

Écoute les événements :

• Tech #événement : changement de durée

options(obj) → {Objet}

component.js, ligne 233

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.

Remplace :

• Composante #options

abstrait remplacerNativeAudioTracks(passer outre)

tech/tech.js, ligne 929

Essayez de forcer le remplacement des pistes audio natives.

Paramètres :

Prénom	Type	Description
remplacer	booléen	S'il est défini sur vrai, le son natif sera remplacé, sinon l'audio natif sera potentiellement utilisé.

abstrait remplacer NativeVideoTracks(passer outre)

tech/tech.js, ligne 939

Essayez de forcer le remplacement des pistes vidéo natives.

Paramètres :

Prénom	Type	Description
remplacer	booléen	Si la valeur est définie sur la valeur vraie, la vidéo native sera remplacée, sinon la vidéo native sera potentiellement utilisée.

abstrait jouer()

tech/tech.js, ligne 502

Lancer la lecture

Voir :

• {Html5#play}

played() → {TimeRange}

tech/tech.js, ligne 488

Renvoie les Rangede temps qui ont été lus pour la source actuelle.

REMARQUE : Cette mise en œuvre est incomplète. Il ne suit pas la plage de temps jouée. Il vérifie seulement si la source a joué ou non.

Retours :

Plage de temps -

• Une plage de temps unique si la vidéo a été diffusée - Un ensemble vide de plages si ce n'est pas le cas.

player() → {Player}

component.js, ligne 218

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

Retours :

Joueur-

Le lecteur auquel ce composant est attaché.

Remplace :

• Composante #player

abstrait joue en ligne()

tech/tech.js, ligne 912

Une méthode pour vérifier la présence du 'playsinline'

ready() → {Component}

component.js, ligne 709

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.

Remplace :

• Composante #ready

remoteTextTrackEls( ) → {HtmlTrackElementList}

tech/tech.js, ligne 1097

Obtenir l'élément distant HTMLTrackelementList

Retours :

Liste des éléments de suivi HTML

remoteTextTracks( ) → {TextTrackList}

tech/tech.js, ligne 1090

Obtenir l'élément distant TextTrackList

Retours :

Liste des pistes de texte

RemoveAttribute(attribut)

component.js, ligne 931

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

Paramètres :

Prénom	Type	Description
attribut	chaîne	Nom de l'attribut à supprimer.

Remplace :

• Composante #removeAttribute

Voir :

• API DOM

RemoveChild(composant)

component.js, ligne 553

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.

Remplace :

• Composante #removeChild

Supprimer la classe(classe à supprimer)

component.js, ligne 834

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

Remplace :

• Composante #removeClass

Supprimer RemoteTextTrack(piste)

tech/tech.js, ligne 800

Supprimez une piste de texte distante de la TextTrackList distante.

Paramètres :

Prénom	Type	Description
piste	TextTrack	TextTrack à supprimer de la TextTrackList

requestAnimationFrame(fn) → {nombre}

component.js, ligne 1511

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 :

• Composante #événement : disposer

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.

Remplace :

• Composante #requestAnimationFrame

Voir :

• Similaire à

RequestNamedAnimation Frame(nom, fn)

component.js, ligne 1547

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.

Remplace :

• Composante #requestNamedAnimationFrame

abstrait requestPictureInPicture() → {Promesse|non définie}

tech/tech.js, ligne 838

Essayez de créer une fenêtre vidéo flottante toujours au-dessus des autres fenêtres afin que les utilisateurs puissent continuer à consommer des médias tout en interagissant avec d'autres sites de contenu ou applications sur leur appareil.

Retours :

Promesse | indéfinie -

Une promesse avec une fenêtre Picture-in-Picture si le navigateur prend en charge les promesses (ou si une a été transmise en option). Il retourne undefined sinon.

Voir :

• Spec

requestVideoFrameCallback(cb) → {numéro}

tech/tech.js, ligne 869

Une implémentation de secours de requestVideoFrameCallback utilisant requestAnimationFrame

Paramètres :

Prénom	Type	Description
cb	fonction

Retours :

numéro -

identifiant de la demande

abstrait réinitialiser()

tech/tech.js, ligne 440

Réinitialisez la technologie, ce qui supprime toutes les sources et réinitialisera le ReadyState interne.

abstrait lavage()

tech/tech.js, ligne 520

Obtenez si nous frottons ou non

Voir :

• {Html5#scrubbing}

SetAttribute(attribut, valeur)

component.js, ligne 919

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.

Remplace :

• Composante #setAttribute

Voir :

• API DOM

abstrait setCrossOrigin(croix Origine)

tech/tech.js, ligne 459

Définir la valeur de croixOrigine sur la technologie.

Paramètres :

Prénom	Type	Description
Origine croisée	chaîne	la valeur crossOrigin

Voir :

• {Html5#setCrossOrigin}

setCurrentTime()

tech/tech.js , ligne 528

Provoque une mise à jour manuelle de l'heure si Tech #manualTimeUpdatesOn a été précédemment appelé.

Incendies :

• Tech #événement : mise à jour de l'heure

abstrait setDisablePictureInPicture()

tech/tech.js, ligne 861

Une méthode pour définir ou désactiver le 'disablePictureInPicture'

setInterval(fn, intervalle) → {nombre}

component.js, ligne 1450

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 :

• Composante #événement : disposer

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.

Remplace :

• Composante #setInterval

Voir :

• Similaire à

abstrait setPlaysinline()

tech/tech.js, ligne 919

Une méthode pour définir ou désactiver le 'playsinline'

abstrait setPoster()

tech/tech.js, ligne 905

Méthode de création d'une affiche à partir d'un Tech.

abstrait setScrubbing()

tech/tech.js, ligne 511

Définir si nous frottons ou non

Voir :

• {Html5#setScrubbing}

setTimeout(fn, timeout) → {nombre}

component.js, ligne 1385

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 :

• Composante #événement : disposer

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.

Remplace :

• Composante #setTimeout

Voir :

• Similaire à

spectacle()

component.js, ligne 857

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

Remplace :

• Composante #show

Arrêter le suivi de l'heure actuelle()

tech/tech.js, ligne 361

Arrêtez la fonction d'intervalle créée dans Tech#trackCurrentTime de sorte que la mise à jour de l'heure l'événement n'est plus déclenché.

Écoute les événements :

• {Tech#event:pause}

Arrêter le suivi des progrès()

tech/tech.js, ligne 304

Désactivez le polyfill pour le progrès événements qui ont été créés dans Tech#manualProgressOn Arrêtez de suivre manuellement les événements de progression en effaçant l'intervalle défini dans Tech#trackProgrès.

textTracks() → {TextTrackList}

tech/tech.js, ligne 1083

Obtenir la liste TextTrackList

Retours :

Liste des pistes de texte

Basculer la classe(ClasseToToggle, prédicateopt)

component.js, ligne 849

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

• ClassToToggle est ajouté lorsque le composant #hasClass renvoie false.
• ClassToToggle est supprimé lorsque le composant #hasClass renvoie true.

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

Remplace :

• Composante #toggleClass

Track Heure actuelle()

tech/tech.js, ligne 338

Configure une fonction d'intervalle pour suivre l'heure actuelle et déclencher la mise à jour de l'heure toutes les 250 millisecondes.

Écoute les événements :

• Tech #événement : jouer

TrackProgress(événement)

tech/tech.js, ligne 238

Ceci est utilisé pour déclencher un le progrès événement lorsque le pourcentage mis en mémoire tampon change. Il définit une fonction d'intervalle qui sera appelée toutes les 500 millisecondes pour vérifier si le pourcentage de fin de la mémoire tampon a changé.

Cette fonction est appelée par Tech #manualProgressOn

Paramètres :

Prénom	Type	Description
événement	Cible de l'événement ~ événement	Les prêt événement qui a provoqué cette exécution.

Incendies :

• Tech #événement : progrès

Écoute les événements :

• Tech #événement : prêt

Déclencheur prêt()

component.js, ligne 733

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

Incendies :

• Composant #événement:ready

Remplace :

• Composante #triggerReady

Déclencheur SourceSet(src)

tech/tech.js, ligne 176

Fonction spéciale pour déclencher le jeu de sources de manière à permettre au joueur de se déclencher à nouveau si le joueur ou le technicien n'est pas encore prêt.

Paramètres :

Prénom	Type	Description
src	chaîne	Chaîne source au moment du changement de source.

Incendies :

• Tech #événement : jeu de sources

videoTracks() → {VideoTrackList}

tech/tech.js, ligne 1069

Obtenir la vidéo TrackList

Retours :

Liste des pistes vidéo

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

component.js, ligne 949

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".

Remplace :

• Composante #width

Définitions de types

Objet SourceObject

tech/tech.js, ligne 20

Un objet contenant une structure de type {src : 'url', type : 'mimetype' } : {src : 'url', type : 'mimetype'} ou une chaîne contenant uniquement l'url src.

• var SourceObject = {src : 'http://ex.com/video.mp4', type : 'video/mp4'} ; var SourceString = 'http://example.com/some-video.mp4' ;

Propriétés :

Prénom	Type	Description
src	chaîne	L'URL de la source
type	chaîne	Le type MIME de la source

Evénements

changement de piste audio

tech/tech.js, ligne 552

Déclenché lorsque des pistes sont ajoutées ou supprimées dans la Tech AudioTrackList

Type:

• Cible de l'événement ~ événement

taille du composant

component.js, ligne 1032

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

Type:

• Cible de l'événement ~ événement

Remplace :

• Composant #événement : taille du composant

disposer

component.js, ligne 155

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

Type:

• Cible de l'événement ~ événement

Les auditeurs de cet événement :

• _Tech #disposeSourceHandler

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

Remplace :

• Composante #événement : disposer

progrès

tech/tech.js, ligne 246

Voir le joueur #progress

Type:

• Cible de l'événement ~ événement

prêt

component.js, ligne 750

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

Type:

• Cible de l'événement ~ événement

Les auditeurs de cet événement :

• Html5 #trackProgress
• Tech #trackProgress

Remplace :

• Composant #événement:ready

jeu de sources

tech/tech.js, ligne 183

Début lorsque la source est définie sur la technologie, ce qui provoque le rechargement de l'élément multimédia.

Type:

• Cible de l'événement ~ événement

Voir :

• Joueur #événement : jeu de sources

robinet

component.js, ligne 1282

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

Type:

• Cible de l'événement ~ événement

Remplace :

• Composant #événement:tap

changement de piste de texte

tech/tech.js, ligne 566

Déclenché lorsque des pistes sont ajoutées ou supprimées dans la Tech TextTrackList

Type:

• Cible de l'événement ~ événement

mise à jour

control-bar/progress-control/seek-bar.js , ligne 368

Trigger timeupdate parce que nous avons fini de chercher et l'heure a changé. Cela est particulièrement utile si le joueur est suspendu pour chronomer l'affichage de l'heure.

Type:

• Cible de l'événement ~ événement

mise à jour

tech/tech.js, ligne 343

Déclenché à un intervalle de 250 ms pour indiquer que le temps passe dans la vidéo.

Type:

• Cible de l'événement ~ événement

mise à jour

tech/tech.js, ligne 531

Un manuel mise à jour de l'heure un événement.

Type:

• Cible de l'événement ~ événement

changement de piste vidéo

tech/tech.js, ligne 559

Déclenché lorsque des pistes sont ajoutées ou supprimées sur la liste vidéo technique

Type:

• Cible de l'événement ~ événement

vttj chargé

tech/tech.js, ligne 620

Déployé lorsque vtt.js est chargé.

Type:

• Cible de l'événement ~ événement

vttj chargé

tech/tech.js, ligne 629

Début lorsque vtt.js n'a pas été chargé en raison d'une erreur

Type:

• Cible de l'événement ~ événement