Video in Lightbox funktioniert nicht, springt immer zu youtube

[~Franzi~]

Hallo,

ich möchte, dass mein Youtube-Video in einer Lightbox dargestellt wird. Dazu habe ich mir die Erweiterung "Lightbox" installiert und wollte mithilfe von "Social Video [Lightbox]" dieses Video zeigen. Allerdings springt er immer noch zu Youtube. Außer ich gebe "automatisch öffnen" an, denn wird es gleich angezeigt. Wo ist da der Fehler, weiß das jemand?!?
Beim Seitenlayout ist "moo_mediabox" aktiviert.
Contao Version: 2.11.2

Gruß ~Franzi~

[xchs]

Du brauchst nur eine kleine Änderung im Template "ce_lightbox_image.html5" zu machen, dann sollte es wieder funktionieren:

• Öffne das Backend-Modul "Templates" und erstelle Dir über "Neues Template" eine Kopie des Templates "ce_lightbox_image.html5"
• Editiere dieses Template zur Bearbeitung und ersetze in Zeile 9 das Attribut rel="<?php echo $this->lightbox; ?>" durch data-lightbox="lb0"
• Bereinige in der "Systemwartung" den FileCache "system/tmp"

[hensmatt]

Gibt es dann noch eine Möglichkeit das Youtube-Video in der Lightbox auf autoplay zu stellen?

[~Franzi~]

also das mit dem template umschreiben habe ich noch nie gemacht, ich werde das nachher mit einem arbeistkollegen besprechen. Danke und ich melde mich, ob es klappt oder nicht.

und ja, autoplay ist mit der erweiterung "lightbox" möglich. bei social video ein haken bei "Die Lightbox automatisch öffnen" setzen und schwupp funktioniert's

[hensmatt]

Hi, die Lightbox soll sich nicht automatisch öffnen, aber sobald
sich die Lightbox öffnet soll das YouTube Video automatisch abspielen.

Momentan muss man bei mir immer noch den Play Button klicken.

[xchs]

Du brauchst nur den Parameter ?autoplay=1 an Deine YouTube Video-URL anhängen.

[~Franzi~]

also ich habe es folgendermaßen geändert:

<figure class="image_container">
<?php echo $this->embed_pre; ?><a href="<?php echo $this->lightboxhref; ?>" class="hyperlink_txt" data-lightbox="<?php echo $this->lightbox; ?>" title="<?php echo $this->lightboxcaption; ?>"<?php if ($this->javascript): ?> onclick="<?php echo $this->javascript; ?>" <?php endif; ?>><img src="<?php echo $this->linkimagesrc; ?>"<?php echo $this->linkimagesize; ?> alt="<?php echo $this->linkimagealt; ?>" title="<?php echo $this->linkimagetitle; ?>" /></a><?php echo $this->embed_post; ?>
<?php if ($this->linkimagecaption): ?>
<div class="caption"><?php echo $this->linkimagecaption; ?></div>
<?php endif; ?>
</figure>

und es zeigt keine wirkung... ist da vielleicht noch mehr?

[xchs]

Offenbar gibt es Probleme, wenn im Wert des data-lightbox Attributs eckige Klammern vorhanden sind. Das wird aber durch die Erweiterung automatisch eingefügt. Ich habe oben meinen Beitrag editiert und anstelle data-lightbox="<?php echo $this->lightbox; ?>" jetzt einfach data-lightbox="lb0" hardcodiert reingesetzt. Probiere es mal damit. Die über die Erweiterung gesetzten Optionen (Größe der Lightbox usw.) werden dabei aber ignoriert. Um es wirklich sauber zu machen, müsste die Erweiterung selbst angepasst werden, wo dann auch dieses neue Attribut entsprechend berücksichtigt wird.

Ich hatte vor einiger Zeit auch mal einen Feature Request beantragt, wo man solche Einstellungen direkt im Inhaltselement vom Typ "Text" hätte vornehmen können. Der von andreas.schempp damals implementierte Ticket-Branch hätte auch hervorragend funktioniert, wurde dann aber von Leo nicht (oder noch nicht) übernommen.

[~Franzi~]

ok, das "hardcodierte" hat meine webseite irgendwie ganz umgehauen und hat die seite denn nicht mehr angezeigt...
Aber die lightbox müsste ja auch ohne die erweiterung funktionieren, so ist das ja auch in dem buch "websites erstellen mit contao" vom peter müller auch beschrieben, aber wie gesagt, in meiner und somit der aktuellsten contao-version funktioniert das nicht... bleibt mir wohl doch nichts anderes übrig als es direkt auf mein server zu laden?!

[xchs]

Was natürlich immer geht: Die Videos manuell über ein Inhaltselement "HTML" einzubinden bzw. es über den TinyMCE zu machen. Bei Letzterem funktioniert die korrekte Zuweisung des data-lightbox Attributs leider auch erst ab der nächsten Version 2.11.3. Ob Du oder die betreffenden Redakteure damit aber zurecht kommen, weiß ich nicht.

[~Franzi~]

Ich habe jetzt in HTML das hier gebaut:

<div class="image_container video-link">
<a class="hyperlink_txt" title="...::..." data-lightbox="720 576" href="YOUTUBE-LINK">
<img width="200" height="100" title="" alt="FH Film" src="BILD">
</a>
</div>

... und es funktioniert jetzt einwandfrei
Natürlich musste ich dafür vorher immer ein Szenenbild von dem jeweiligen Video machen. Und es ist ja "nur" für meine eigene Seite und nicht für Kunden.
Schade, dass es mit der Erweiterung bei mir nicht geklappt hat, aber ich hab ja jetzt auch eine Lösung gefunden.


Danke nochmal!

[xchs]

Häng' noch den Parameter an Deine Video-URL hinten dran, den ich oben in Beitrag #6 gepostet hatte. Dann nämlich sollte das Video bei Aufruf in der Lightbox auch gleich starten. Oder möchtest Du das nicht?

[~Franzi~]

ja, doch stimmt... super

[Dublay]

Hallo,

bei mir öffnet sich zwar die Lightbox, das Video wird aber nicht angezeigt. Hier mal der Quellcode, vielleicht seht ihr ja auf Anhieb einen Fehler:

section class="ce_lightboxsocialvideo block">
<figure class="image_container">
<a class="hyperlink_txt" title="" data-lightbox="lb0" href="http://youtube.com/watch?v=QdBKZn04PEA">
<img width="230" height="135" title="" alt="" src="system/html/video_screen_dummy-39f395f3.jpg">
</a>
</figure>
</section>

[Dublay]

Niemand? Ich bin ratlos.

[xchs]

Funktioniert bei mir einwandfrei. Allerdings hast Du oben in Deinem Code einen kleinen Fehler: Es fehlt die öffnende Klammer des <section>-Tags (vielleicht nur ein Kopierfehler).

[Dublay]

Danke für Deine Antwort. Ja, leider nur ein Kopierfehler, die Klammer ist vorhanden. Seltsam..vielleicht blockiert der Server das irgendwie. Wenn Du sagst, das funktioniert bei Dir einwandfrei, dann schau ich mir doch mal die Hardware genauer an. Danke!

[k0n]

Hallo liebe Contao-Community!

Bin durch diesen Thread auf die Möglichkeit gestoßen, ein YouTube-Video quasi als Intro einer Website vorzuschalten.
Das klappt auch alles bestens mit Hilfe der Funktion "Die Lightbox automatisch öffnen", nur komme ich mit ein paar Anpassungen nicht weiter...

Es lässt sich beispielsweise die Größe der Lightbox mit eingebundenem YT-Video nicht verändern, wenn ich bei "Lightbox Breite und Höhe" bestimmte [größere] Werte einsetze.. man kann das Video dann auch nicht auf fullscreen erweitern.

Weiß jemand Rat woran das liegen könnte bzw. wie ich das Problem beheben kann?

Viele Grüße