web-dev-qa-db-fra.com

Comment changer le paramètre de largeur par défaut de la vidéo intégrée dans wordpress?

J'utilise le code abrégé vidéo intégré de Wordpress pour afficher une vidéo dans le contenu d'un message.

[embed width="600" height="456"]https://www.youtube.com/watch?v=f5CcOq8UzkI[/embed].

et le rendu HTML est

<iframe width="600" height="338" src="https://www.youtube.com/embed/f5CcOq8UzkI?feature=oembed" frameborder="0" allowfullscreen=""></iframe>

Je l'ai trouvé vraiment sympa et cool. Ça marche très bien.

Le seul problème est que la vidéo ne répond pas car cela prend de la largeur en px.

Est-il possible de changer le paramètre width de px à% comme 100%?

oembed
3
Vijay Lal

si vous pouviez en arriver à quelque chose comme ceci:

<div class="videoWrapper">
    <iframe width="600" height="338" src="https://www.youtube.com/embed/f5CcOq8UzkI?feature=oembed" frameborder="0" allowfullscreen=""></iframe>
</div>

alors css sensible pour ce serait comme ceci:

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

si vous n'avez aucun contrôle sur le balisage, alors ce que nous pouvons faire, c'est lorsque vous mettez ce shortcode dans l'éditeur, ajoutez un div autour comme suit:

<div class="videoWrapper">
    [embed width="600" height="456"]https://www.youtube.com/watch?v=f5CcOq8UzkI[/embed]
</div>
2
Reigel