Contao-Camp 2024
Ergebnis 1 bis 12 von 12

Thema: 4.4.x Video in Lightbox öffnen

  1. #1
    Contao-Nutzer
    Registriert seit
    13.01.2012.
    Ort
    Ludwigsburg
    Beiträge
    70
    Partner-ID
    11284
    Contao-Projekt unterstützen

    Support Contao

    Standard 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

  2. #2
    Contao-Fan
    Registriert seit
    07.04.2010.
    Beiträge
    274

    Standard

    Probiert hab ich es mit der normalen Lightbox als auch mit fritzmg/contao-nivo-lightbox
    Bei mir hat's mit fritzmg/contao-lightcase geklappt.

  3. #3
    Contao-Nutzer
    Registriert seit
    13.01.2012.
    Ort
    Ludwigsburg
    Beiträge
    70
    Partner-ID
    11284
    Contao-Projekt unterstützen

    Support Contao

    Standard Danke, aber klappt noch nicht

    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

  4. #4
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.545
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

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

    [Unterstützungsmöglichkeiten]

  5. #5
    Contao-Nutzer
    Registriert seit
    13.01.2012.
    Ort
    Ludwigsburg
    Beiträge
    70
    Partner-ID
    11284
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.

  6. #6
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.545
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

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

    [Unterstützungsmöglichkeiten]

  7. #7
    Contao-Nutzer
    Registriert seit
    13.01.2012.
    Ort
    Ludwigsburg
    Beiträge
    70
    Partner-ID
    11284
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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).

  8. #8
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.545
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Himbeerrot Beitrag anzeigen
    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>
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  9. #9
    Contao-Nutzer
    Registriert seit
    13.01.2012.
    Ort
    Ludwigsburg
    Beiträge
    70
    Partner-ID
    11284
    Contao-Projekt unterstützen

    Support Contao

    Standard Danke!

    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

  10. #10
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.706
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Himbeerrot Beitrag anzeigen

    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
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  11. #11
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.224
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    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
    blucomp | Webdesign & Onlinelösungen

  12. #12
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.224
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    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?
    blucomp | Webdesign & Onlinelösungen

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •