• Vidéo youtube en adaptatif

    Vous connaissez le code d'intégration d'une vidéo sur Youtube, qui vous permet de l'afficher directement dans votre article.

    Vous pouvez en choisir les dimensions avec lien en plein écran; ces dimensions sont en pixels et, avec les différents écrans sur le marché, il peut être intéressant de dimensionner la vidéo en fonction de l'écran de lecture.

    Voici un code d'intégration:

    <iframe width="560" height="315" src="https://www.youtube.com/embed/EJ7YQwfiehc" frameborder="0" allowfullscreen></iframe>

    largeur 560px par hauteur 315px, valeurs fixes, quel que soit les dimensions de l'écran de lecture.

    Si vous souhaitez que la vidéo occupe la moitié de la largeur de l'écran de lecture, et qu'elle soit centrée, vous pourrez écrire:

    <p style="text-align:center;"><iframe style="width: 50vw; height: 50vh;" src="https://www.youtube.com/embed/EJ7YQwfiehc" frameborder="0" width="500" height="315" allowfullscreen="allowfullscreen"></iframe></p>

    ce qui donnera: