Bonjour,

Comme l'indique le titre, je souhaiterais center deux vidéos youtube horizontalement.

J'ai pensé à utiliser les pourcentages pour que le design s'adapte sur tous les appareils.

Mon idée serait donc de définir une largeur de 20 % aux deux vidéos et de leur appliquer un margin de 20 % vers les bords de l'écran et de 10% entre elles. 20+20+10+10+20+20=100%

Merci d'avance de m'aider à transformer cette idée en code.

Salut, 

Peut-être peux tu nous montrer un bout de ton code ? Pour que cela soit plus parlant pour nous

Sinon, peut-être que ceci peut t'aider : https://openclassrooms.com/courses/centrer-en-css

-
Edité par x1mus 18 mars 2018 à 16:38:18

Salut,

Aligner les éléments n'est pas le problème, et dans ce cas précis tu t'embêtes pour pas grand chose. Flexbox ou grid, et ça suffit.

La vraie seule "difficulté", c'est de pouvoir avoir des vidéos qui se redimensionnent en gardant leur ratio. Quelques pistes : https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php 

Ce qui te donne quelque chose comme ça : https://codepen.io/anon/pen/jzVrEM 

Merci infiniment rhooManu, ton code est parfait !

Avant, j'avais inséré mes vidéos avec des balises object, mais iframe est bien plus simple.

MaxBresil, je n'ai pas mis mon code car il était trop confus et trop long.

Et j'avais déjà fait quelques recherches avant de venir crier au secours ici, mais merci