Oveleon / Cookiebar: YouTube Video in Lightbox

**strich-sieben** · 29.03.2021, 13:19

Habe eine kleine Videogalerie erstellt und dabei erscheinen die Videos in einer Lightbox. Leider greift die Cookiebox darauf nicht zu bzw. zeigt keine Blockierung an, obwohl die Videos nach wie vor als iFrame eingebunden sind. Habe es mit der Colorbox und Lightgallery ausprobiert.

Wie könnte man das erweitern?

Grüße

Ben

**Doi** · 30.03.2021, 07:22

Hallo Ben,

wie möchtest du die Videos denn blockieren? Möchtest du bereits vor dem öffnen der Lightbox die Zustimmung abholen oder innerhalb dieser? Wie genau werden die Inhalte in die Lightbox geladen? Sollte hier ein Template durchlaufen werden, müsste dies der Cookiebar bekannt gemacht werden. Sofern du die Lightbox über JS befüllst/öffnest, könntest du auf die addModule- oder issetCookie-Methode zurückgreifen.

**zonky** · 30.03.2021, 07:30

mit https://www.contao.solutions/de/ kannst Du m.E. ganze Templateblöcke sperren und schon das Öffnen der Lightbox verhindern, wenn nicht zugestimmt wurde

**strich-sieben** · 30.03.2021, 07:52

Hallo Doi,

habe die Videogalerie mit Bilder dargestellt. Deshalb wäre es am besten, wenn bereits für die Ansicht der Bilder eine Zustimmung erforderlich wäre. Dazu habe ich das Template image.html5 dupliziert und abgeändert.

Wenn ich es richtig verstanden habe, müsste ich die config/config.yml wie in dem Beispiel auf GitHub anpassen.

Code:

contao_cookiebar:
  iframe_types:
    vendortype: 
      - ce_image_video

Aber es ist ja eigentlich kein iFrame, funzt das trotzdem?

**strich-sieben** · 30.03.2021, 07:55

Hallo Zonky,

werde mir die Lösung von contao.solutions ansehen. Vielen Dank für den Tipp.

**Doi** · 30.03.2021, 09:04

Hallo Ben,

grundsätzlich bietet die Cookiebar hier einige Möglichkeiten dies abzufangen.

Wie beschrieben, hättest du die Möglichkeit, Inhalte aus dem Template nur darstellen zu lassen, wenn ein Cookie-Typ akzeptiert wurde (issetCookie, addModule). Die vielleicht elegantere Methode wäre, den Link zum Video so anzupassen, dass wir den Inhalt erstmal von der Cookiebar prüfen lassen. Versuch es einmal wie folgt:

1. Cookie-Typ "iFrame" -> "YouTube" anlegen und ID des Datensatzes merken (z.B. 5)
2. Links im image.html5-Template wie folgt anpassen

Code:

<a href="https://www.youtube.com/watch?v=46oZwbAQrUE">
      ...
</a>

wird zu

Code:

<a href="/cookiebar/block/5?redirect=https://www.youtube.com/watch?v=46oZwbAQrUE">
      ...
</a>

Die ID 5, sollte hier natürlich durch die ID deines Cookie-Typs "YouTube" ersetzt werden.

**strich-sieben** · 30.03.2021, 09:31

Hallo Doi,
vielen Dank für die Hilfe.

Habe es angepasst und es wird der Code

Code:

/cookiebar/block/4?redirect=https://www.youtube.com/watch?v=46oZwbAQrUE

gneriert.

Leider lässt sich das Video davon nicht beeinflussen, bei der Cookiebar ist YouTube nicht aktiviert.

**Doi** · 30.03.2021, 09:34

Kannst du mir einen Link zur Lightbox schicken? Es gibt zu viele lightboxen auf dieser Welt

Oder ggf. auch einen Link zu deiner Seite?

Wichtig ist, dass der Cookie-Typ eingerichtet und aktiv ist.

**strich-sieben** · 30.03.2021, 09:55

Habe es zuerst mit der Lightbox "Lightgallery" versucht, die ist extra für Videos ausgelegt, funktioniert aber nicht mit der Cookiebar.

In der Zwischenzeit habe ich einen Test mit der Colorbox durchgeführt. Damit funktioniert die Verlinkung wunderbar. Lightbox wird geöffnet und es erscheint die Blockierung. Perfekt!

Die "Lightgallery" finde ich persönlich etwas schicker, aber mit der Colorbox geht es auch.

Vielen Dank.