4.4.x Video in Lightbox öffnen

Hallo zusammen,
ich will ein Video in einer Lightbox öffnen.

So hab ich es probiert:
- Vorschaubild als Bildelement eingefügt
- Lightbox angekreuzt
- Metadaten überschreiben und Link zum Video eingetragen.
- Daraufhin wird der Link nicht in der Lightbox dargestellt (was ja auch so beim Bildlink-Feld angekündigt wird).

Als Link hab ich wahlweise eine Seite mit dem eingefügten Video verwendet, als auch direkt die Videodatei.
Der Link ist ja aber nicht das eigentliche Problem.

Probiert hab ich es mit der normalen Lightbox als auch mit fritzmg/contao-nivo-lightbox

Wie macht ihr sowas?

Gruß
Holger

Zitat:

---

Probiert hab ich es mit der normalen Lightbox als auch mit fritzmg/contao-nivo-lightbox

---

Bei mir hat's mit fritzmg/contao-lightcase geklappt.

Danke für die Auskunft!
Ich hab fritzmg/contao-lightcase installiert und im Seitenlayout das jquery-Template j_lightcase aktiviert.

Es funktioniert leider noch nicht, dass die Videodatei oder die Seite mit dem Video in einer Lightbox geladen werden.
Fritz schreibt folgendes:

Usage

Simply activate the j_lightcase template in your page layout under jQuery. Do not activate j_colorbox or moo_mediabox as well!

Lightcase will work with all links that use the data-lightbox="…" parameter. Of course you can still initialize via your own JavaScript. Customizing the options works the same way as with the j_colorbox template for example.

Wie kann ich denn den data-lightbox="…" parameter verwenden?

Viele Grüße
Holger

Das data-lightbox="…" Attribut sollte doch bereits automatisch durch Contao gesetzt werden, nicht?

Das data-lightbox="…" Attribut wird nur gesetzt, solange ich keinen Link auf mein Vorschaubild lege.
Sobald ich einen Link auf mein Vorschaubild lege (egal, ob manuell oder in den Metadaten des Bildes), wir dieses Attribut nicht mehr gesetzt.

Eine große Version des Bildes lässt sich also in einer Lightbox öffnen, aber etwas anderes, nämlich die Seite mit dem Video, wird nicht in der Lightbox dargestellt.

Kannst Du nicht das Video direkt im Lightbox-Overlay öffnen lassen (d. h. ohne Vorschaubild)?

Hmm, diesen Vorschlag versteh ich leider nicht.
Irgendwo muss man ja klicken, um das Video abzuspielen.
Das Video soll auch nicht schon beim Aufruf der Seite laufen (sie hat viele Inhalte, u.a. zwei Videos).

Zitat:

---

Zitat von Himbeerrot

Irgendwo muss man ja klicken, um das Video abzuspielen.

---

Ja, klar. Du kannst das über einen Link, Button oder natürlich auch über ein Vorschaubild machen, z. B.

HTML-Code:

---

<a href="files/media/demo.mp4" data-lightbox=""><img src="files/media/preview.jpg" alt=""></a>

---

Danke schön.
So klappt es und so hab ich zumindest eine Lösung, bei der man den Link in HTML einträgt.
Für dieses eine Projekt passt das.

Perfekt wäre eine Lösung, bei der ein Redakteur ohne Eingabe von Quellcode ein Video in einer Lightbox aufrufen kann.

Schöne Grüße
Holger

Zitat:

---

Zitat von Himbeerrot

Perfekt wäre eine Lösung, bei der ein Redakteur ohne Eingabe von Quellcode ein Video in einer Lightbox aufrufen kann.

---

Dasd könnte man m.E. mit den Custom-Elements von Rocksolid realisieren. https://rocksolidthemes.com/de/conta.../dokumentation

Hallo!

Ich habe jetzt auch die o.g. Lightcase Box Extension genutzt um ein Video mit den Tipps aus diesem Thread anzuzeigen. Funktioniert auch grundsätzlich.
Kann man irgendwo beeinflussen, in welcher Größe das Video darin angezeigt wird oder dem Aufruf eine Größe mitgeben und ggf. auch andere Parameter (Autoplay, Lautstärke usw.)? Parameter in data-lightbox (z.B. data-lightbox="600 400") funktioniert nicht. Standardmäßig ist es sehr klein - laut DevTools 400px in der Breite.

Gruß Thomas

:o Ok, habs gefunden. Im template habe ich die Optionen erweitert:

Code:

---

video: { width: 400,
height: 225 },

---

Gibts da auch was für die Default Lautstärke?