it-swarm.com.de

Wie ändere ich den Standardbreitenparameter für eingebettetes Video in WordPress?

Ich verwende den eingebetteten Video-Funktionscode von Wordpress, um Videos im Inhalt eines Posts anzuzeigen

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

und das gerenderte html ist

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

Ich fand es sehr schön und cool. Es funktioniert super.

Das einzige Problem ist, dass das Video nicht reagiert, da dies die Breite in px benötigt.

Gibt es eine Möglichkeit, den width-Parameter von px auf% wie 100% zu ändern?

3
Vijay Lal

wenn du es so machen könntest:

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

dann würde das responsive CSS so aussehen:

.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%;
}

wenn Sie keine Kontrolle über das Markup haben, können wir Folgendes tun, wenn Sie diesen Shortcode in den Editor einfügen:

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