HTML5(optionsopter , prêt)

Contrôleur multimédia HTML5 - Wrapper pour API multimédia HTML5

Nouveau HTML5(optionsopter , prêt)

Créez une instance de cette technologie.

Paramètres :
Prénom Type Attributs Description
options Objet <facultatif>

Le magasin de clé/valeur des options de joueur.

prêt Composant ~ Ready Callback

Fonction de rappel à appeler lorsque le HTML5 La technologie est prête.

Se mélange dans :
  • Additions Tech~Source Handler

S'étend

Membres

Caractéristiques Redimensionnement plein écran : booléen

Booléen indiquant si le HTML5 tech prend actuellement en charge le redimensionnement automatique des médias lors du passage en plein écran.

Remplace :
Valeur par défaut :
  • true

Caractéristiques Mute Control : bolean

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

Remplace :
Valeur par défaut :
  • true

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

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.

Remplace :

Caractéristiques Taux de lecture : booléen

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
Remplace :

Fonctionnalités Progress Events : booléen

Booléen indiquant si le HTML5 tech prend actuellement en charge l'événement progress. Si c'est faux, manuel le progrès les événements seront déclenchés à la place.

Remplace :
Valeur par défaut :
  • true

Features Source Set : booléen

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.

Remplace :
  • Tech#featuresSourceset

Caractéristiques Événements de mise à jour du temps

Booléen indiquant si le HTML5 tech prend actuellement en charge l'événement timeupdate. Si c'est faux, manuel mise à jour de l'heure les événements seront déclenchés à la place.

Remplace :
Valeur par défaut :
  • true

featuresVideoFrameCallback:booléen

Si l'el HTML5 prend en charge la fonction requestVideoFrameCallback

Remplace :

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

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

Remplace :
Valeur par défaut :
  • true

Moving Media Element Indom : booléen

Booléen indiquant si le HTML5 tech prend actuellement en charge l'élément multimédia se déplaçant dans le DOM. iOS s'interrompt si vous déplacez l'élément multimédia, il est donc défini sur false ici. Partout ailleurs, cela devrait être vrai.

statique natifSourceHandler

Le gestionnaire de source natif pour Html5 transmet simplement la source à l'élément média.

Propriétés :
Prénom Type Description
source Objet Tech~Source

L'objet source

technologie Html5

L'instance de la technologie HTML5.

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

Remplace :
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

Remplace :
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.

Remplace :

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

Remplace :

addRemoteTextTrack(options, manualCleanupopt){HTMLTrackElement}

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

Paramètres :
Prénom Type Attributs Défaut Description
options Objet

L'objet doit contenir des valeurs pour kind, language, label et src (emplacement du fichier WebVTT)

Nettoyage manuel booléen <facultatif>
true

s'il est défini sur false, le TextTrack sera automatiquement supprimé de l'élément vidéo chaque fois que la source change.

Retours :
Élément de suivi HTML-

Un élément de piste Html. Il peut s'agir d'un HtmlTrkElement émulé ou d'un élément natif.

Remplace :
Obsolète :
  • La valeur par défaut du paramètre « ManualCleanup » sera par défaut « false » dans les prochaines versions de Video.js.

addTextTrack(kind, labelopt, languageopt){TextTrack}

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

Remplace :

Ajouter WebVTT Script_()

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

Incendies :
Remplace :

audioTracks(){AudioTrackList}

Obtenir la liste AudioTrackList

Remplace :

autoplay() → {booléen}

Obtenez la valeur de la lecture automatique à partir de l'élément multimédia. la lecture automatique indique que le média doit commencer à lire dès que la page est prête.

Retours :
booléen -
  • Valeur de la fonction autoplay de l'élément media. - True indique que le média doit démarrer dès le chargement de la page. - False indique que le média ne doit pas démarrer dès le chargement de la page.
Voir :

flou()

Supprimer le focus de ce composant

Remplace :

buffered() → {TimeRange}

Obtenez la valeur de tamponné de l'élément média. tamponné est un Intervalle de temps objet qui représente les parties du média déjà téléchargées et disponibles pour la lecture.

Retours :
Plage de temps -

La valeur de la zone tampon à partir de l'élément média.

Remplace :
Voir :

bufferedPercent() → {nombre}

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.

Remplace :

abstrait buildCSSClass() → {string}

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 :

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

Remplace :
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.

Remplace :

cancelVideoFrameCallback(id)

Native ou fallback requestVideoFrameCallback

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

identifiant de la demande à annuler

Remplace :

children() → {Array}

Obtenez un tableau de tous les composants enfants

Retours :
Array -

Les enfants

Remplace :

Nettoyage des pistes de texte Auto()

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

Remplace :

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

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

Remplace :
Voir :

ClearTracks(types)

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.

Remplace :

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.

Remplace :

controls() → {boolean}

Obtenez la valeur des contrôles à partir de l'élément média. les contrôles indiquent si les contrôles des médias natifs doivent être affichés ou masqués.

Retours :
booléen -
  • La valeur des contrôles de l'élément média. - True indique que les contrôles natifs doivent être affichés. - False indique que les contrôles natifs doivent être cachés.
Voir :

createEl() → {Element}

Créer le HTML5 L'élément DOM de Tech.

Retours :
Élément -

L'élément créé.

Remplace :

createRemoteTextTrack(options){HTMLTrackElement}

Crée soit TextTrack natif, soit un TextTrack émulé en fonction de la valeur de FeaturesNativeTextTracks.

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.

par défaut booléen <facultatif>

Par défaut, cette piste est activée.

ID chaîne <facultatif>

ID interne pour attribuer cette piste.

src chaîne <facultatif>

URL source pour la piste.

Retours :
Élément de suivi HTML-

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

Remplace :

crossOrigin() → {string}

Obtenez la valeur de croixOrigine de l'élément média. croixOrigine indique au navigateur qui doit envoyer les cookies ainsi que les demandes des différents actifs/playlists

Retours :
corde -
  • anonymous indique que le média ne doit pas envoyer de cookies. - use-credentials indique que le média doit envoyer des cookies avec les requêtes.
Remplace :
  • Tech#crossOrigin
Voir :

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.

Remplace :

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.

Remplace :

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.

Remplace :

currentSrc(){Tech~SourceObject}

Obtenez la source actuelle sur HTML5 Tech. Revient à renvoyer la source à partir de l'élément multimédia HTML5.

Retours :
Tech~SourceObject-

Objet source actuel de la technologie HTML5. Avec un repli à la source des éléments.

currentTime() → {nombre}

Obtenez la valeur de CurrentTime à partir de l'élément média. CurrentTime indique la seconde actuelle à laquelle le média est en lecture.

Retours :
numéro -

Valeur de CurrentTime à partir de l'élément média.

Voir :

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.

Remplace :

defaultMuted() → {boolean}

Obtenez la valeur de DefaultMuted à partir de l'élément média. DefaultMuted indique si le support doit démarrer en sourdine ou non. Ne modifie que l'état par défaut du média. en sourdine et par défautMuet peut avoir des valeurs différentes. Html5# muet indique l'état actuel.

Retours :
booléen -
  • La valeur de defaultMuted de l'élément média. - True indique que le média doit démarrer en sourdine. - False indique que le média ne doit pas démarrer en sourdine
Voir :

defaultPlaybackRate() → {nombre}

Obtenez la valeur de taux de lecture par défaut de l'élément média. taux de lecture par défaut indique la vitesse à laquelle le média est en cours de lecture. Cette valeur n'indiquera pas le courant taux de lecture une fois la lecture commencée, utilisez Html5#lectureTaux pour ça.

Exemples :

  • si defaultPlaybackRate est défini sur 2, le média sera lu deux fois plus vite.
  • si defaultPlaybackRate est défini sur 0,5, le média sera lu deux fois moins vite.
Retours :
numéro -

La valeur de DefaultPlaybackRate de l'élément média. Nombre indiquant la vitesse de lecture actuelle du support, où 1 correspond à la vitesse normale.

Voir :

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

Remplace :

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.

Remplace :

disablePictureInPicture() → {boolean}

Obtenir la valeur de "disablePictureInPicture" de l'élément vidéo.

Retours :
booléen -

value - La valeur de disablePictureInPicture de l'élément vidéo. - True indique que la vidéo ne peut pas être lue en mode image dans l'image - False indique que la vidéo peut être lue en mode image dans l'image

Remplace :
  • Tech#disablePictureInPicture
Voir :

jetez()

Se débarrasser HTML5 élément multimédia et supprimez toutes les pistes.

Remplace :

duration() → {nombre}

Obtenez la durée actuelle de l'élément multimédia HTML5.

Retours :
numéro -

La durée du support ou 0 s'il n'y a pas de durée.

el() → {Element}

Obtenir l' élémentDOM du composant

Retours :
Élément -

L'élément DOM de ce composant.

Remplace :

Emuler des pistes de texte()

Emuler des pistes de texte

Remplace :
  • Tech#emulateTextTracks

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
Remplace :

ended() → {booléen}

Obtenir la valeur de fin à partir de l'élément média. end indique si le média a atteint la fin ou non.

Retours :
booléen -
  • La valeur de ended de l'élément média. - True indique que le média est terminé. - False indique que le média n'est pas terminé.
Voir :

passer en mode plein écran()

Demander que le HTML5 Tech entrer en plein écran.

error(){MediaError|null}

Obtenez la valeur du Erreur de l'élément média. Erreur indique toute MediaError qui a pu se produire pendant la lecture. Si l'erreur renvoie null, il n'y a pas d'erreur actuelle.

Retours :
MediaError | null -

Valeur de l' erreur provenant de l'élément média. MediaError s'il y a une erreur en cours et null dans le cas contraire.

Remplace :
Voir :

Quitter le mode plein écran()

Demander que le HTML5 Sortie technique en plein écran.

focus()

Définissez le focus sur ce composant

Remplace :

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.
Remplace :
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.

Remplace :

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.

Remplace :

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.

Remplace :

getVideoPlaybackQuality() → {Objet}

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

Remplace :
Voir :

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.

Remplace :

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.

Remplace :

Manche abstrait LanguageChange()

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

Remplace :

handleLateInit_() → {undefined}

Cela sera déclenché si l'événement loadstart est déjà déclenché, avant que videojs ne soit prêt. Voici deux exemples connus de cas où cela peut se produire :

  1. Si nous chargeons l'objet de lecture après le chargement
  2. Le média est déjà en train de lire (souvent avec la lecture automatique) puis

Cette fonction déclenchera un autre chargement afin que videojs puisse rattraper le rattrapage.

Incendies :
  • Tech #événement : démarrage du chargement
Retours :
non défini -

ne retourne rien.

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`
Remplace :

height() → {nombre}

Obtenez la hauteur actuelle de l'élément multimédia HTML5.

Retours :
numéro -

La hauteur de l'élément multimédia HTML5.

Remplace :

cacher()

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

Remplace :

id() → {string}

Obtenez ceci ComposantIdentifiant

Retours :
corde -

L'identifiant de ce composant

Remplace :

Enfants en TI()

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

Remplace :

Écouteurs InitTrack()

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

Cela ajoute EventTarget~EventListeners pour addtrack et removetrack.

Incendies :
Remplace :

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.

Remplace :

charge()

Une enveloppe autour des éléments médiatiques charge fonction. Cela appellera le HTML5élément multimédia charge fonction.

Voir :

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.

Remplace :

loop() → {boolean}

Obtenez la valeur de la boucle à partir de l'élément média. boucle indique que le média doit revenir au début du média et continuer à jouer une fois qu'il atteint la fin.

Retours :
booléen -
  • La valeur de loop de l'élément média. - True indique que la lecture doit revenir au début lorsque la fin du média est atteinte. - False indique que la lecture ne doit pas revenir au début lorsque la fin du média est atteinte.
Voir :

Progression manuelle de F()

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

Remplace :

Progression manuelle()

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

Remplace :
Voir :

Mises à jour manuelles de F()

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

Remplace :

Mises à jour manuelles sur()

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

Remplace :
Voir :

muted() → {boolean}

Obtenez la valeur de Muted à partir de l'élément média. « muted » indique que le volume du support doit être mis en mode silencieux. Cela ne change pas réellement le le volume attribut.

Retours :
booléen -
  • True (vrai) si la valeur du volume doit être ignorée et que l'audio doit être réglé sur le mode silencieux. - False si la valeur du volume doit être utilisée.
Voir :

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.

Remplace :

networkState() → {nombre}

Obtenez la valeur de NetworkState à partir de l'élément média. NetworkState indique l'état actuel du réseau. Il renvoie une énumération à partir de la liste suivante :

  • 0 : NETWORK_EMPTY
  • 1 : NETWORK_IDLE
  • 2 : NETWORK_LOADING
  • 3 : NETWORK_NO_SOURCE
Retours :
numéro -

Valeur de NetworkState à partir de l'élément média. Il s'agit d'un numéro de la liste de la description.

Voir :
  • https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-networkstate

OnDurationChange(événement)

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
Remplace :

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.

Remplace :

remplacerNativeAudioTracks(passer outre)

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

Remplace :
  • Tech#overrideNativeAudioTracks

remplacer NativeVideoTracks(passer outre)

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.

Remplace :
  • Tech#overrideNativeVideoTracks

pause()

Une enveloppe autour des éléments médiatiques pause fonction. Cela appellera le HTML5 éléments multimédias pause fonction.

Voir :

paused() → {booléen}

Obtenez la valeur de pause à partir de l'élément média. pause indique si l'élément média est actuellement en pause ou non.

Retours :
booléen -

Valeur de pause de l'élément média.

Voir :

jouer()

Une enveloppe autour des éléments médiatiques jouer fonction. Cela appellera le HTML5élément multimédia jouer fonction.

Remplace :
  • Tech#play
Voir :

playbackRate() → {nombre}

Obtenez la valeur de PlaybackRate à partir de l'élément multimédia. PlaybackRate indique la vitesse à laquelle le média est en cours de lecture. Exemples :

  • Si PlaybackRate est réglé sur 2, la lecture multimédia sera deux fois plus rapide.
  • Si PlaybackRate est réglé sur 0,5, le média sera diffusé moitié moins vite.
Retours :
numéro -

La valeur de PlaybackRate de l'élément média. Nombre indiquant la vitesse de lecture actuelle du support, où 1 correspond à la vitesse normale.

Voir :

played() → {TimeRange}

Obtenez la valeur de joué de l'élément média. joué renvoie un Intervalle de temps objet représentant des points dans la chronologie des médias qui ont été joués.

Retours :
Plage de temps -

La valeur de jouée à partir de l'élément média. UNE Intervalle de temps objet indiquant les plages de temps qui ont été jouées.

Remplace :
Voir :

player(){Player}

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

Retours :
Joueur-

Le lecteur auquel ce composant est attaché.

Remplace :

playsinline() → {boolean}

Obtenez la valeur des jeux en ligne à partir de l'élément média. playsinline indique au navigateur que la lecture non plein écran est préférée lorsque la lecture en plein écran est la valeur native par défaut, par exemple dans iOS Safari.

Retours :
booléen -
  • La valeur de playsinline de l'élément média. - True indique que le média doit être lu en ligne. - False indique que le média ne doit pas être lu en ligne.
Remplace :
Voir :

poster() → {string}

Obtenez la valeur de l' affiche à partir de l'élément média. affiche indique que l'URL d'un fichier image qui peut ou sera affichée lorsqu'aucune donnée multimédia n'est disponible.

Retours :
corde -

La valeur de l' affiche de l'élément média. La valeur sera une URL vers une image.

Voir :

preload() → {string}

Obtenez la valeur de la précharge à partir de l'élément média. preload indique ce qui doit être téléchargé avant d'interagir avec le support. Il peut comporter les valeurs suivantes :

  • aucun : rien ne doit être téléchargé
  • métadonnées : l'affiche et les premières images du support peuvent être téléchargées pour obtenir les dimensions du média et d'autres métadonnées
  • auto : autorise le téléchargement du support et des métadonnées du média avant l'interaction
Retours :
corde -

Valeur de la précharge à partir de l'élément média. Ce sera « aucun », « métadonnées » ou « automatique ».

Voir :

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.

Remplace :

readyState() → {nombre}

Obtenez la valeur de ReadyState à partir de l'élément média. ReadyState indique l'état actuel de l'élément média. Il renvoie une énumération à partir de la liste suivante :

  • 0 : HAVE_RIEN
  • 1 : HAVE_MÉTADONNÉES
  • 2 : HAVE_CURRENT_DATA
  • 3 : HAVE_FUTURE_DATA
  • 4 : HAVE_ASOUGH_DATA
Retours :
numéro -

La valeur de ReadyState à partir de l'élément média. Il s'agit d'un numéro de la liste de la description.

Voir :
  • https://www.w3.org/TR/html5/embedded-content-0.html#ready-states

remoteTextTrackEls( ) → {HtmlTrackElementList}

Obtenir l'élément distant HTMLTrackelementList

Remplace :

remoteTextTracks( ) → {TextTrackList}

Obtenir l'élément distant TextTrackList

Remplace :

RemoveAttribute(attribut)

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

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

Nom de l'attribut à supprimer.

Remplace :
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.

Remplace :

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

Remplace :

Supprimer RemoteTextTrack(piste)

Supprimer la télécommande TextTrack de TextTrackList objet

Paramètres :
Prénom Type Description
piste TextTrack

Objet TextTrack à supprimer

Remplace :

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.

Remplace :
  • Tech#requestAnimationFrame
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.

Remplace :

requestPictureInPicture() → {Promesse}

Créez une fenêtre vidéo flottante toujours au-dessus d'autres fenêtres afin que les utilisateurs puissent continuer à consommer des médias pendant qu'ils interagissent avec d'autres sites de contenu ou applications sur leur appareil.

Retours :
Promesse -

Une promesse avec une fenêtre Picture-in-Picture.

Remplace :
  • Tech#requestPictureInPicture
Voir :

requestVideoFrameCallback(cb) → {numéro}

Native requestVideoFrameCallback si supporté par le navigateur/technique, ou fallback Ne pas utiliser rVCF sur Safari lorsque le DRM est en cours de lecture, car il ne se déclenche pas Doit être vérifié plus tard que le constructeur Ce sera un faux positif pour les sources claires chargées après une source Fairplay

Paramètres :
Prénom Type Description
cb fonction

pour appeler la fonction

Retours :
numéro -

identifiant de la demande

Remplace :

reset()

Réinitialisez la technologie en supprimant toutes les sources, puis en appelant HTML5.ResetMediaElement.

Remplace :

scrubbing() → {boolean}

Obtenez si nous frottons ou non.

Retours :
booléen -

isScrubbing - true pour que nous soyons en train de nettoyer - false pour que nous ne soyons plus en train de nettoyer

Remplace :
  • Tech#scrubbing

seekable() → {TimeRange}

Obtenez la valeur de recherchable de l'élément média. recherchable renvoie un Intervalle de temps objet indiquant des plages de temps qui peuvent actuellement être recherché à.

Retours :
Plage de temps -

La valeur de Seekable à partir de l'élément média. UNE Intervalle de temps objet indiquant les plages de temps actuelles qui peuvent être recherchées.

Voir :

seeking() → {boolean}

Obtenez la valeur de en cherchant de l'élément média. en cherchant indique si le média est actuellement à la recherche d'un nouveau poste ou non.

Retours :
booléen -
  • Valeur de la recherche de l'élément média. - True indique que le média est en train de chercher une nouvelle position. - False indique que le média n'est pas en train de chercher une nouvelle position pour le moment.
Voir :

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.

Remplace :
Voir :

setAutoplay(lecture automatique)

Définissez la valeur de lecture automatique sur l'élément multimédia. la lecture automatique indique que le média doit commencer à lire dès que la page est prête.

Paramètres :
Prénom Type Description
lecture automatique booléen
  • True indique que le média doit démarrer dès le chargement de la page. - False indique que le média ne doit pas démarrer dès le chargement de la page.
Voir :

setControls(val)

Définissez l'attribut Controls pour l'élément multimédia HTML5.

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

Valeur pour définir l'attribut de contrôles sur

setCrossOrigin(croix Origine)

Définir la valeur de croixOrigine de l'élément média. croixOrigine indique au navigateur qui doit envoyer les cookies ainsi que les demandes des différents actifs/playlists

Paramètres :
Prénom Type Description
Origine croisée chaîne
  • anonymous indique que le média ne doit pas envoyer de cookies. - use-credentials indique que le média doit envoyer des cookies avec les requêtes.
Remplace :
  • Tech#setCrossOrigin
Voir :

setCurrentTime(secondes)

Réglez l'heure actuelle pour le HTML5 technologie.

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

Définissez l'heure actuelle du média sur cette valeur.

Remplace :

setDefaultMuted(muté par défaut)

Définir la valeur de par défautMuet sur l'élément média. par défautMuet indique que le niveau audio actuel doit être silencieux, mais n'affectera le niveau muet que lors de la lecture initiale.

Paramètres :
Prénom Type Description
Sourdine par défaut booléen
  • Vrai si l'audio doit être réglé sur silencieux - Faux sinon
Voir :

setDefaultPlaybackRate() → {nombre}

Définir la valeur de taux de lecture par défaut sur l'élément média. taux de lecture par défaut indique la vitesse à laquelle le média doit être lu lors du démarrage initial. Changer cette valeur après le démarrage d'une vidéo ne fera rien. Au lieu de cela, vous devriez utiliser Html5#setLectureTaux.

Exemples de valeurs :

  • Si PlaybackRate est réglé sur 2, la lecture multimédia sera deux fois plus rapide.
  • Si PlaybackRate est réglé sur 0,5, le média sera diffusé moitié moins vite.
Retours :
numéro -

La valeur de DefaultPlaybackRate de l'élément média. Nombre indiquant la vitesse de lecture actuelle du support, où 1 correspond à la vitesse normale.

Voir :

setDisablePictureInPicture(valeur)

Empêche le navigateur de suggérer un menu contextuel Picture-in-Picture ou de demander automatiquement Picture-in-Picture dans certains cas.

Paramètres :
Prénom Type Description
valeur booléen

La vraie valeur désactivera le mode Picture-in-Picture.

Remplace :
  • Tech#setDisablePictureInPicture
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.

Remplace :
Voir :

setLoop(boucle)

Définissez la valeur de la boucle sur l'élément média. boucle indique que le média doit revenir au début du média et continuer à jouer une fois qu'il atteint la fin.

Paramètres :
Prénom Type Description
boucle booléen
  • True indique que la lecture doit revenir au début lorsque la fin d'un média est atteinte. - False indique que la lecture ne doit pas revenir au début lorsque la fin du média est atteinte.
Voir :

setMuet(en sourdine)

Définir la valeur de en sourdine sur l'élément média. en sourdine indique que le niveau audio actuel doit être silencieux.

Paramètres :
Prénom Type Description
en sourdine booléen
  • Vrai si l'audio doit être réglé sur silencieux - Faux sinon
Voir :

setPlaybackRate() → {nombre}

Définissez la valeur de PlaybackRate sur l'élément multimédia. PlaybackRate indique la vitesse à laquelle le support doit être lu. Exemples :

  • Si PlaybackRate est réglé sur 2, la lecture multimédia sera deux fois plus rapide.
  • Si PlaybackRate est réglé sur 0,5, le média sera diffusé moitié moins vite.
Retours :
numéro -

La valeur de PlaybackRate de l'élément média. Nombre indiquant la vitesse de lecture actuelle du support, où 1 correspond à la vitesse normale.

Voir :

setPlaysinline(joue en ligne)

Définissez la valeur de Playsinline à partir de l'élément média. playsinline indique au navigateur que la lecture non plein écran est préférée lorsque la lecture en plein écran est la valeur native par défaut, par exemple dans iOS Safari.

Paramètres :
Prénom Type Description
joue en ligne booléen
  • True indique que le média doit être lu en ligne. - False indique que le média ne doit pas être lu en ligne.
Remplace :
Voir :

setPoster(affiche)

Définissez la valeur de l' affiche sur l'élément média. poster est l'URL d'un fichier image qui peut ou sera affiché lorsqu'aucune donnée multimédia n'est disponible.

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

URL vers une image qui doit être utilisée comme affiche pour l'élément média.

Remplace :
Voir :

setPreload(précharger)

Définissez la valeur de précharge sur l'élément média. preload indique ce qui doit être téléchargé avant d'interagir avec le support. Il peut comporter les valeurs suivantes :

  • aucun : rien ne doit être téléchargé
  • métadonnées : l'affiche et les premières images du support peuvent être téléchargées pour obtenir les dimensions du média et d'autres métadonnées
  • auto : autorise le téléchargement du support et des métadonnées du média avant l'interaction
Paramètres :
Prénom Type Description
précharge chaîne

Valeur de précharge à définir sur l'élément média. Il doit s'agir de « aucun », de « métadonnées » ou « automatique ».

Voir :

setScrubbing(estScrubbing)

Définissez si nous récurons ou non. Ceci est utilisé pour décider si nous devons utiliser recherche rapide ou pas. recherche rapide est utilisé pour fournir des astuces sur les navigateurs Safari.

Paramètres :
Prénom Type Description
Iss-frottement booléen
  • true pour nous sommes en train de frotter - false pour nous ne sommes plus en train de frotter
Remplace :
  • Tech#setScrubbing

setSrc(src)

Définissez la valeur de src sur l'élément média. src indique le Tech~SourceObject actuel pour le média.

Paramètres :
Prénom Type Description
src Objet Tech~Source

L'objet source à définir comme source actuelle.

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.

Remplace :
Voir :

setupSourcesetHandling_()

Modifiez l'élément multimédia afin que nous puissions détecter quand la source est modifiée. Les feux ensemble de sources juste après le changement de source

setVolume(pourcentageAsDecimal)

Définissez la valeur du volume sur l'élément média. volume indique le niveau audio actuel sous forme de pourcentage sous forme décimale. Cela signifie que 1 est 100 %, 0,5 à 50 %, et ainsi de suite.

Paramètres :
Prénom Type Description
Pourcentage en décimal numéro

Pourcentage de volume sous forme décimale. La plage valide est comprise entre 0 et 1.

Voir :

spectacle()

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

Remplace :

src(srcopt){Tech~SourceObject|undefined}

Un getter/setter pour l'objet source de Html5 Tech.

Remarque : Veuillez utiliser Html5 #setSource

Paramètres :
Prénom Type Attributs Description
src Objet Tech~Source <facultatif>

L'objet source que vous souhaitez définir sur le HTML5 élément technique.

Retours :
Tech~ObjetSource | indéfini -
  • L'objet source courant lorsqu'aucune source n'est fournie. - indéfini lors de la définition de
Obsolète :
  • Depuis la version 5.

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

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}
Remplace :

Arrêter le suivi des progrès()

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.

Remplace :

supportsFullScreen() → {boolean}

Vérifiez si le mode plein écran est pris en charge sur le périphérique de lecture actuel.

Retours :
booléen -
  • Vrai si le plein écran est pris en charge. - False si le plein écran n'est pas pris en charge.

textTracks(){TextTrackList}

Obtenir la liste TextTrackList

Remplace :

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

Remplace :

Track Heure actuelle()

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
Remplace :

TrackProgress(événement)

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 :
Écoute les événements :
Remplace :

Déclencheur prêt()

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

Incendies :
Remplace :

Déclencheur SourceSet(src)

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 :
Remplace :
  • Tech#triggerSourceset

videoHeight() → {nombre}

Obtenez la valeur de vidéoHauteur de l'élément vidéo. vidéoHauteur indique la hauteur actuelle de la vidéo en pixels css.

Retours :
numéro -

Valeur de VideoHeight à partir de l'élément vidéo. Ce sera un nombre en pixels CSS.

Voir :

videoTracks(){VideoTrackList}

Obtenir la vidéo TrackList

Remplace :

videoWidth() → {number}

Obtenez la valeur de VideoWidth à partir de l'élément vidéo. VideoWidth indique la largeur actuelle de la vidéo en pixels CSS.

Retours :
numéro -

Valeur de VideoWidth de l'élément vidéo. Ce sera un nombre en pixels CSS.

Voir :

volume() → {nombre}

Obtenez la valeur du volume à partir de l'élément média. volume indique le volume de lecture actuel de l'audio d'un support. volume sera une valeur comprise entre 0 (silencieux) et 1 (plus fort et par défaut).

Retours :
numéro -

Valeur du volume de l'élément média. La valeur sera comprise entre 0 et 1.

Voir :

width() → {number}

Obtenez la largeur actuelle de l'élément multimédia HTML5.

Retours :
numéro -

Largeur de l'élément multimédia HTML5.

Remplace :

statique canControlPlaybackRate() → {boolean}

Vérifiez si le taux de lecture peut être modifié dans ce navigateur/appareil.

Retours :
booléen -
  • Vrai si la vitesse de lecture peut être contrôlée - Faux sinon

statique canControlVolume() → {boolean}

Vérifiez si le volume peut être modifié dans ce navigateur/appareil. Le volume ne peut pas être modifié sur de nombreux appareils mobiles. Plus précisément, il ne peut pas être modifié de 1 sur iOS.

Retours :
booléen -
  • Vrai si le volume peut être contrôlé - Faux sinon

statique canMuteVolume() → {bolean}

Vérifiez si le volume peut être coupé dans ce navigateur/appareil. Certains appareils, par exemple iOS, ne permettent pas de modifier le volume mais permettent de désactiver/activer le son.

Retours :
boléen -
  • Vrai si le volume peut être coupé
    • Faux sinon

statique canOverrideAttributes() → {boolean}

Vérifiez si nous pouvons remplacer les attributs d'un élément vidéo/audio, avec Object.defineProperty.

Retours :
booléen -
  • Vrai si les attributs intégrés peuvent être remplacés - Faux sinon

statique canPlaySource(srcObj, options) → {string}

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}

Vérifiez si la technologie peut prendre en charge le type donné

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

Le type MIME à vérifier

Retours :
corde -

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

statique isSupported() → {boolean}

Vérifiez si le support HTML5 est pris en charge par ce navigateur/appareil.

Retours :
booléen -
  • True si le support HTML5 est pris en charge. - False si le support HTML5 n'est pas pris en charge.

statique supportsNativeAudioTracks() → {boolean}

Vérifiez si les pistes audionatives sont prises en charge par ce navigateur/appareil.

Retours :
booléen -
  • True si les pistes audionatives sont prises en charge. - Faux dans le cas contraire

statique supportsNativeTextTracks() → {boolean}

Vérifiez si les TextTracknatifs sont pris en charge par ce navigateur/appareil.

Retours :
booléen -
  • True si les pistes de textenatives sont prises en charge. - Faux dans le cas contraire

statique supportsNativeVideoTracks() → {boolean}

Vérifiez si les VideoTracknatifs sont pris en charge par ce navigateur/appareil

Retours :
booléen -
  • True si les pistes vidéonatives sont prises en charge. - Faux dans le cas contraire

Evénements

changement de piste audio

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

Type:
Remplace :

taille du composant

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

Type:
Remplace :

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

Remplace :

progrès

Voir le joueur #progress

Type:
Remplace :

prêt

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

Type:
Remplace :

jeu de sources

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

Type:
Remplace :
Voir :

robinet

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

Type:
Remplace :

changement de piste de texte

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

Type:
Remplace :

mise à jour

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:
Remplace :

changement de piste vidéo

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

Type:
Remplace :

vttj chargé

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

Type:
Remplace :