J'essaie de centrer une vidéo sur mon site, mais je ne veux pas utiliser les balises centrales dans HTML car c'est un peu obsolète. Comment puis-je faire cela avec CSS? Voici mon code HTML si c'est une aide.
5 Réponses :
Voici un exemple: http://jsfiddle.net/cn7su/
Ajoutez simplement ces règles CSS à l'élément Video Code>: P>
display: block; margin: 0 auto;
Essayez-le, avez un wrapper div autour de votre étiquette vidéo. Les vidéos HTML5 et les images sont traitées comme du texte lors de la coiffage. Donc, un text-alignement: le centre fonctionnera. Vous pouvez vérifier le violon ci-dessous.
<div class="video">
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
<source src="video.webm" type="video/webm">
Your browser does not support the video tag.
</video>
</div>
M'a aidé en effet pour une vidéo YouTube intégrée. Merci. :)
Pour centrer la vidéo horizontalement Ajouter:
Voici 3 façons de centrer votre vidéo:
.container video {
display: flex;
justify-content: center;
}
Je sais que ce sujet était si long, mais vous êtes ici:
Ceci est pour le centre de la page et ceci est pour le milieu de la ligne juste pour qui cherche ce
Sorte d'obsolète? Très obsolète! Selon la manière dont la page est marquée, vous pouvez probablement ajuster les marges droite / gauche en tant que AUTO. Par exemple,
vidéo {marge: 0 auto; }