video/mp4

Description

video/mp4 est le type MIME du conteneur MP4 (MPEG-4 Part 14), le format vidéo le plus universellement supporté sur le web. Il contient généralement de la vidéo H.264 (AVC) et de l’audio AAC. Les codecs H.265 (HEVC), AV1 et VP9 peuvent aussi être encapsulés dans MP4.

Usage en HTML

Vidéo simple :

<video controls width="800" height="450">
  <source src="film.mp4" type="video/mp4">
  <p>Votre navigateur ne supporte pas la vidéo HTML.
     <a href="film.mp4">Télécharger la vidéo</a></p>
</video>

Vidéo avec alternatives et sous-titres :

<video controls width="800" height="450" poster="apercu.jpg">
  <source src="film.webm" type="video/webm">
  <source src="film.mp4" type="video/mp4">
  <track kind="subtitles" src="sous-titres.fr.vtt" srclang="fr" label="Français" default>
  <track kind="subtitles" src="sous-titres.en.vtt" srclang="en" label="English">
</video>

Vidéo de fond en boucle (décorativeK) :

<video autoplay loop muted playsinline aria-hidden="true" width="1280" height="720">
  <source src="fond.webm" type="video/webm">
  <source src="fond.mp4" type="video/mp4">
</video>

Notes

H.264 — codec universel : la majorité des MP4 sur le web utilisent le codec H.264, supporté par tous les navigateurs et appareils depuis plus de 10 ans. C’est le format de repli le plus fiable.

AV1 dans MP4 : le codec AV1 peut être encapsulé dans un conteneur MP4 (video/mp4; codecs=av01). AV1 offre une compression bien supérieure à H.264. Utiliser <source> multiples pour AV1 (ou WebM/AV1) en priorité avec MP4/H.264 en fallback.

playsinline sur iOS : sans cet attribut, Safari sur iOS lit la vidéo en plein écran. playsinline est indispensable pour les vidéos de fond ou intégrées dans la mise en page.