0 C'est gratuit

Tuto Gratuit : Comment garder le ratio 16/9 d'une vidéo YouTube sur un site responsive avec CSS

0 C'est gratuit

  • Une formation vidéo de 06m38s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Découvrez pourquoi vous former avec Tuto.com
Gratuit : Comment garder le ratio 16/9 d'une vidéo YouTube sur un site responsive

ajouter ce cours aux favoris retirer ce cours des favoris

Dans ce tuto CSS gratuit en vidéo, nous allons voir ensemble comment garder le ratio 16/9 de vos vidéos YouTube intégrées sur votre site web responsive.

Il s'agit de la nouvelle propriété CSS "aspect-ratio" qui va vite devenir indispensable pour intégrer des vidéos en iframe, mais aussi des images si vous voulez conserver un format 16/9 automatiquement.

Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.


Formateur : Adrien Gazaix

Adrien Gazaix a publié 155 tutoriels et obtenu une note moyenne de 4,8/5 sur 53 456 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

4,8
note moyenne

4
avis laissés
5 étoiles
3
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de komarianne laissé le 08/03/2021
    Clair, simple, efficace et pratique. Comme toujours avec Adrien Gazaix !

  • 5
    avis de cactusxxxl laissé le 16/02/2021
    Une belle épine retirée du pied... en toute simplicité. Merci
    "Oui c'est vrai que c'est presque trop facile :) Merci à toi pour ce retour très positif !"

  • 5
    avis de mhyrdin laissé le 13/02/2021
    Exactement ce que je cherchais depuis deux jours ! Merci

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1384 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données