WBCE CMS Forum

peitman

Member

twoclickcontent iframe responsiv

Hallo zusammen,
ich bin auf der Suche nach einer Möglichkeit, ein eingebettetes YouTube-Videos über das Modul "twoclickcontent" responsiv im iFrame darzustellen.
Die Möglichkeit das iframe in einem div-container zu platzieren klappt leider nicht, da dann das Hintergrundbild dann verschwindet!

Hier mal der Quellcode:

<div class="container">
<iframe src="//www.youtube.com/embed/yCOY82UdFrw"
frameborder="0" allowfullscreen class="video"></iframe>
</div>

dazugehöriges css

.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Vielleicht hat ja jemand einen Lösungsansatz.

Vielen Dank,
grüße d.p.

---

Webdesign ist der Prozess der Erstellung einer Website. 

florian

Administrator

Re: twoclickcontent iframe responsiv

Durch Herumprobieren habe ich eine Lösung gefunden, glaube ich:

1. Bei TCC für Breite und Höhe -1 angeben

2. Im Stylesheet für den TCC-Overlay dieselbe Formatierung wie für .container angeben (siehe Screenshot)

Last edited by florian (03.11.2025 15:13:34)

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

peitman

Member

Re: twoclickcontent iframe responsiv

Hallo Florian,
wieder einmal vielen Dank für deine Hilfe.
Ich werde es testen und dann hier ein Feedback geben.

Danke

---

Webdesign ist der Prozess der Erstellung einer Website. 

peitman

Member

Re: twoclickcontent iframe responsiv

Hallo Florian,
ich habe das heute gemäß deinem Vorschlag umgesetzt.
Die Videos passen sich jetzt an, allerdings werden sie in der Monitoransicht auch im Mobilformat angezeigt!

Hier mal der Link: https://aks-dommermuth.de/ (nach unten scrollen)

Gruß Dirk

---

Webdesign ist der Prozess der Erstellung einer Website. 

florian

Administrator

Re: twoclickcontent iframe responsiv

Der style für den .container-div fehlt bzw. kollidiert mit der .container-Formatierung aus der materialize.css

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

peitman

Member

Re: twoclickcontent iframe responsiv

super, danke jetzt klappt es.

---

Webdesign ist der Prozess der Erstellung einer Website.