rendre une vidéo responsive (en largeur ET hauteur)

Concerne
  • Graphisme, mise en page
Complexité Facile
La réponse On peut facilement rendre un iframe de vidéo responsive en largeur en mettant 100% dans le widht MAIS il faut alors jouer "à la main" sur le nombre de pixels en hauteur.

On peut aussi utiliser ce code
""<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/xSa0_lyLKjI"></iframe>
</div>""


l'url de la vidéo à utiliser est la partie à repiquer dans l'iframe fourni par la plateforme et qui contient le /embed
Lien vers la doc https://getbootstrap.com/docs/4.0/utilities/embed/
PDF