HTMLVideoElement

L’interface HTMLVideoElement fournit des propriétés et des méthodes spéciales pour manipuler des objets vidéo. Il hérite également des propriétés et des méthodes de HTMLMediaElement et de HTMLElement.

La liste des formats multimédias pris en charge varie d’un navigateur à l’autre. Vous pouvez fournir votre vidéo dans un format unique que tous les navigateurs pertinents prennent en charge, ou fournir plusieurs sources vidéo dans des formats suffisamment différents couverts par les différents navigateurs que vous ciblez.

Propriétés

Cette interface hérite des propriétés de ses interfaces ancêtres : HTMLMediaElement et HTMLElement.

HTMLVideoElement.height
Une chaîne de caractères DOMString qui reflète la valeur de l'attribut HTML height indiquant la hauteur de la zone d'affichage, en pixels.
HTMLVideoElement.poster
Une chaîne de caractères DOMString qui reflète la valeur de l'attribut poster qui indique une image à afficher tant qu'aucune donnée vidéo n'est disponible.
HTMLVideoElement.videoHeight Lecture seule
Un entier non signé qui indique la hauteur intrinsèque de la ressource, exprimée en pixels CSS, ou 0 tant que le média n'est pas disponible.
HTMLVideoElement.videoWidth Lecture seule
Un entier non signé qui indique la largeur intrinsèque de la ressource, exprimée en pixels CSS, ou 0 tant que le média n'est pas disponible.
HTMLVideoElement.width
Une chaîne de caractères DOMString qui reflète la valeur de l'attribut HTML width indiquant la largeur de la zone d'affichage, en pixels.

Propriétés spécifiques à Gecko

HTMLVideoElement.mozParsedFrames Lecture seule
Un entier non signé indiquant le nombre de frames qui ont été analysées (parsed) depuis la ressource média.
HTMLVideoElement.mozDecodedFrames Lecture seule
Un entier non signé indiquant le nombre de frames qui ont été décodées en images.
HTMLVideoElement.mozPresentedFrames Lecture seule
Un entier non signé indiquant le nombre de frames décodées qui ont été présentées au canal de rendu pour l'affichage.
HTMLVideoElement.mozPaintedFrames Lecture seule
Un entier non signé indiquant le nombre de frames présentées et qui ont été affichées à l'écran.
HTMLVideoElement.mozFrameDelay Lecture seule
Un double indiquant le retard, exprimé en secondes, pour l'affichage de la dernière frame affichée.
HTMLVideoElement.mozHasAudio Lecture seule
Un booléen indiquant s'il y a de l'audio associé à cette vidéo.

Propriétés spécifiques à Microsoft

HTMLVideoElement.msFrameStep()
Permet d'avancer ou de reculer la vidéo d'une frame.
HTMLVideoElement.msHorizontalMirror
Permet d'indiquer ou de définir si la vidéo est inversée horizontalement dans l'affichage.
HTMLVideoElement.msInsertVideoEffect()
Ajoute l'effet vidéo indiqué dans le canal de rendu.
HTMLVideoElement.msIsLayoutOptimalForPlayback Lecture seule
Indique si la vidéo peut être affichée plus efficacement.
HTMLVideoElement.msIsStereo3D Lecture seule
Un booléen qui détermine si le système considère que la vidéo chargée est en stéréo 3D. La valeur true indique que la source est en stéro 3D.
HTMLVideoElement.msZoom
Contrôle si le cadre de la vidéo est réduit pour s'inscrire dans la zone d'affichage de la vidéo (autrement dit : si la vidéo est zoomée/tronquée pour s'inscrire dans la zone correspondante).

Méthodes

Hérite des méthodes de son parent HTMLMediaElement et de son ancêtre HTMLElement.

HTMLVideoElement.getVideoPlaybackQuality()
Cette méthode renvoie un objet VideoPlaybackQuality contenant les métriques/statistiques sur la lecture actuelle avec des informations comme le nombre d'images sautées ou corrompues ainsi que le nombre total d'images.

Évènements

Hérite des méthodes de son parent HTMLMediaElement et de son ancêtre HTMLElement. Pour écouter ces évènements, on utilisera addEventListener() ou on affectera un gestionnaire d'évènement avec la propriété on<NomEvenement> (ex. onclick) de l'interface.

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de 'HTMLVideoElement' dans cette spécification.
Standard évolutif

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
HTMLVideoElementChrome Support complet OuiEdge Support complet 12Firefox Support complet 4IE Support complet 9Opera Support complet 10.5Safari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
cancelVideoFrameCallback
ExpérimentaleNon-standard
Chrome Support complet 83Edge Support complet 83Firefox Aucun support NonIE Aucun support NonOpera Support complet 69Safari Aucun support NonWebView Android Support complet 83Chrome Android Support complet 83Firefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Support complet 13.0
getVideoPlaybackQuality
Expérimentale
Chrome Support complet 80Edge Support complet 12Firefox Support complet 42
Support complet 42
Aucun support 25 — 42
Notes Désactivée
Notes Limited support to an allowed list of sites, for example YouTube, Netflix, and other popular streaming sites. The limitation was removed when Media Source Extensions was enabled by default in Firefox 42.
Désactivée From version 25 until version 42 (exclusive): this feature is behind the media.mediasource.enabled preference. To change preferences in Firefox, visit about:config.
IE Support complet 11
Notes
Support complet 11
Notes
Notes Only works on Windows 8+.
Opera Support complet 67Safari Support complet 8WebView Android Support complet 80Chrome Android Support complet 80Firefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Support complet 13.0
heightChrome Support complet OuiEdge Support complet 12Firefox Support complet 4IE Support complet 9Opera Support complet 10.5Safari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
mozDecodedFrames
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Support complet 5IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Support complet 5Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
mozFrameDelay
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Support complet 5IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Support complet 5Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
mozHasAudio
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Support complet 15IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Support complet 15Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
mozPaintedFrames
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Support complet 5IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Support complet 5Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
mozParsedFrames
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Support complet 5IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Support complet 5Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
mozPresentedFrames
ObsolèteNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Support complet 5IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Support complet 5Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
msIsStereo3D
Non-standard
Chrome Aucun support NonEdge Aucun support 12 — 79Firefox Aucun support NonIE Support complet 10Opera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
posterChrome Support complet OuiEdge Support complet 12Firefox Support complet 4IE Support complet 9Opera Support complet 10.5Safari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
requestVideoFrameCallback
ExpérimentaleNon-standard
Chrome Support complet 83Edge Support complet 83Firefox Aucun support NonIE Aucun support NonOpera Support complet 69Safari Aucun support NonWebView Android Support complet 83Chrome Android Support complet 83Firefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Support complet 13.0
videoHeightChrome Support complet OuiEdge Support complet 12Firefox Support complet 4IE Support complet 9Opera Support complet 10.5Safari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
videoWidthChrome Support complet OuiEdge Support complet 12Firefox Support complet 4IE Support complet 9Opera Support complet 10.5Safari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
widthChrome Support complet OuiEdge Support complet 12Firefox Support complet 4IE Support complet 9Opera Support complet 10.5Safari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Voir les notes d'implémentation.
Voir les notes d'implémentation.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.

Voir aussi