🍏 Safari : un cas spécial
Safari (notamment sur macOS et iOS) a parfois des comportements non standards ou expérimentaux. Dans certaines versions, il peut rendre un fichier .mp4 en tant qu’image.

Safari semble :
- Traiter le .mp4 comme une image de fond animée, ce qui est hors spécification CSS.
- Lire la vidéo en arrière-plan comme s’il s’agissait d’un GIF animé, mais avec la qualité d’un .mp4.

👉 Aucun autre navigateur connu (Chrome, Firefox, Edge, etc.) ne fait ça.

⚠️ Pourquoi ne pas l'utiliser en prod ?
Bien que cela semble marcher :
❌ Ce ne fonctionne pas dans les autres navigateurs.
❌ Ce n’est pas fiable entre versions de Safari.
❌ Ce n’est pas prévu par la spécification CSS, donc peut disparaître à tout moment.
❌ Aucun contrôle sur le son, le loop, le play/pause, la qualité, le fallback.

✅ Ce qu’il faut faire en production
pour un fond vidéo 100 % compatible:

[html]

<video autoplay muted loop playsinline class="background-video">
  <source src="video/mavideo.mp4" type="video/mp4">
</video>

[css]

.background-video {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  z-index: -1;
}
