web-dev-qa-db-fra.com

Comment centrer une vidéo

Je ne peux pas centrer une vidéo dans un blog wordpress. Voici le shortcode utilisé pour la vidéo:

[video width="1920" height="1080" m4v="http://p4s.ccafs.cgiar.org/wp-content/uploads/2017/02/RHoMIS-Fieldwork.m4v"][/video]

C'est un fichier vidéo mp4 de mon média téléchargé. J'ai essayé d'ajouter ceci à mon style.css et je n'ai toujours pas fonctionné:

.wp-video {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

Toute aide s'il vous plaît ....

cssembed
2
user113449

Pour centrer un élément, vous devrez également styliser son élément parent. Alors disons que votre vidéo a une structure comme celle-ci:

<div class="parent-class"> 
    <video class="wp-video">
    </video>
</div>

Pour centrer la vidéo, vous devrez lui donner une largeur. En utilisant:

.parent-class{
    width:100%;
    display:block;
}

Maintenant, vous pouvez utiliser ceci pour faire la touche finale:

.wp-video {
    text-align: center;
    margin: 0 auto;
    max-width: 400px;
    display: block
}

Notez que vous devez définir une largeur pour cette vidéo, car celle-ci a une largeur de 1920 pixels, ce qui ne manquera pas de surcharger la plupart des écrans.

2
Jack Johansson