Intégrer une vidéo (`<video>` et `<iframe>`)

Comme pour l'audio, HTML5 permet d'intégrer de la vidéo nativement.

1. Vidéo locale avec <video>

<video width="640" height="360" controls>
  <source src="video.mp4" type="video/mp4">
  Impossible de lire la vidéo.
</video>

Même logique que <audio> : controls, autoplay, loop, muted.

Cette méthode donne un contrôle complet, mais l'hébergement vidéo peut coûter en bande passante.

Si tu auto-héberges, pense au poids des fichiers et aux formats supportés.

2. Vidéo externe avec <iframe>

Pour YouTube (ou d'autres plateformes), on utilise souvent le code d'intégration fourni.

Exemple d'intégration YouTube

<iframe
  width="560"
  height="315"
  src="https://www.youtube.com/embed/dQw4w9WgXcQ"
  title="YouTube video player"
  allowfullscreen>
</iframe>

Cette approche délègue l'hébergement et l'optimisation de diffusion à la plateforme.

Pour un site vitrine, l'iframe YouTube est souvent la solution la plus simple. Pour un produit interne ou un besoin spécifique, <video> reste pertinent.