[gelöst] Videos aus lokalem Dateisystem aus einem View heraus in einer Lightbox wiedergeben
am 03.03.2012 - 14:32 Uhr in
Ich versuche seit Tagen, eine Lösung für mein Problem zu finden. Dutzende Versuche sind bisher ohne Erfolg geblieben und auch im Netz findet sich nichts wirklich brauchbares dazu.
Ich habe einen View, welcher Thumbnails der Videos anzeigt. Ein Klick auf die Thumbs soll das Video in einer Lightbox / Colorbox öffnen und möglichst automatisch abspielen. Gern würde ich dafür video.js oder mediaelement.js (bereits als Module installiert) nutzen - was allerdings kein MUSS ist.
Am meisten Zeit habe ich damit verbracht, das Thumbnail darzustellen und auf das Video zu verlinken. Direkt im View über Rewrite Results und auch im Templete für den View habe ich mit meinen Fähigkeiten jedoch nicht wirklich geglänzt.
Direkt im Template mit dem Thumbnail auf das Video zu verlinken - mit Ausgabe in der Lightbox / Colorbox - wäre mir das liebste, da ich dabei die meisten Möglichkeiten der Anpassung sehe.
Hat vielleicht schon mal jemand dieses Szenario umgesetzt? Evl. mit Modulen oder eben über ein Template? Oder kann mir jemand einen Tipp geben, wie ich im Template des Views das Thumbnail als Link auf das Videofeld ausgeben kann, sodass es dargestellt wird, wie im View formatiert?
Vielen Dank schon mal fürs Lesen und allen ein sonniges Wochenende!
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich habe dazu zwei Videos
am 03.03.2012 - 16:09 Uhr
Ich habe dazu zwei Videos gemacht, wo genau beschrieben wird wie es funktionieren könnte.
Zum einen das Video zum Thema: Wie kann ich eine node in einer Colorbox bzw. Lightbox anzeigen lassen und zum zweiten das Video über das Einbinden eines Videos auf einer Drupal Seite.
Wenn du beides kombinierst, dann bist du doch am Ziel.
lieben Gruß
Berthold Lausch
Vielen Dank für den Hinweis,
am 03.03.2012 - 16:43 Uhr
Vielen Dank für den Hinweis, Berthold. Leider geht das behandelte viel zu sehr an meinen Anforderungen / Voraussetzungen vorbei.
das kann ich mir eigentlich
am 03.03.2012 - 17:17 Uhr
das kann ich mir eigentlich nicht vorstellen, aber wenn du meinst....
Ich habe es für einen Kunden genau in dieser Art und Weise gemacht, also Thumbnail auf der Seite, dieses verlinkt auf eine Node, die (in meinem Falle) sowohl Text als auch ein Video enthält und diese Node wurde in einer Lightbox geöffnet. Funktioniert einwandfrei und ist auch sehr leicht zu pflegen, weil man an den Link auf die Node nur den Hinweis auf ein Template anfügen muss.
Grüsse und gutes Gelingen
Berthold Lausch
Wenn du einen Link auf die
am 03.03.2012 - 18:26 Uhr
Wenn du einen Link auf die Datei im View hast, gehts wahrscheinlich mit LIghtbox wenn du solch einen Link erzeugen kannst:
Oops... 404 ;)
am 03.03.2012 - 18:39 Uhr
Oops... 404 ;)
Christian meint einen Link
am 03.03.2012 - 19:10 Uhr
Christian meint einen Link mit rel="lightvideo".
Das mag auch funktionieren, jedenfalls öffnet sich bei mir auch eine Lightbox wenn ich diese Beziehung (rel) verwende.
Natürlich muss der Video-Support bei der Lightbox aktiviert sein, aber das Abspielen klappt bei mir auch nicht.
Es liegt wohl an der swf-Datei, die die Videos abspielen soll.
Mußt mal sehen, ob du das richtig einstellen kannst. Hoffentlich ist es nicht so wackelig :-(
lieben Gruß
Berthold Lausch
Hm, jetzt hab ich erst mal
am 03.03.2012 - 20:38 Uhr
Hm, jetzt hab ich erst mal das Problem, dass mir das Thumbnail nicht als Link ausgegeben wird. Ich bin der Meinung, dass das schon mal funktioniert hat.
Das Feld des Videos wird als möglicher Token aufgeführt und eingetragen dürfte es korrekt sein. Siehe Screenshots.
Hat da jemand einen Tipp?
einen Tipp für was ? Du hast
am 04.03.2012 - 01:26 Uhr
einen Tipp für was ?
Du hast doch oben schon Erklärungen und Tipps bekommen, wie es funktioniert, ein Video in einer Lightbox aufzurufen.
Wenn das Videofeld ein
am 04.03.2012 - 06:26 Uhr
Wenn das Videofeld ein dateilink ist gehts
Dass das Thumbnail nicht als
am 04.03.2012 - 20:24 Uhr
Dass das Thumbnail nicht als Link ausgegeben wurde, lag an dem View. Damit hatte ich dann derart viel rumprobiert, dass er nicht mehr wollte. Ein neuer View löste das Problem.
Allerdings habe ich jetzt vor dem Dateinamen ein Leerzeichen. "Leerraumzeichen entfernen" in den Rewrite Results habe ich gesetzt.
Hm, weiß dazu jemand einen Tipp?
Meine teilfertige Lösung (im
am 05.03.2012 - 10:02 Uhr
Meine teilfertige Lösung (im Grunde hatte ich vorher auch schon alles richtig gemacht, nur wollte - wie im vorigen Post bereits beschrieben - der View nicht mehr):
Das Ganze funktioniert mit http://drupal.org/project/colorbox, wobei ich zum jetzigen Zeitpunkt gerade nicht weiß, welcher Player zum Einsatz kommt... Jedenfalls wird das Video aber erstmal abgespielt.
1. View mit Ausgabe von Feldern anlegen. Das Feld für die Video-datei ausgeben und als Formatierer "URL zur Datei" wählen. In den Design-Einstellungen "Customize field HTML" setzen und als HTML-Element "keine" wählen. Unter "Rewrite Results" "HTML-Tags entfernen" auswählen. "Leerraumzeichen entfernen" auszuwählen kann sicher nicht schaden. Ich setze das Modul http://drupal.org/project/filefield_paths ein, um die Dateinamen für die Videos zu bereinigen. Wenn Benutzer Dateien (Videos) hochladen, denen die Dateinamen schnuppe sind, sollte man dieses Modul in jedem Fall in Betracht ziehen, um Probleme damit auszuschließen.
2. Für den View eine .tpl (Zeilendesign) anlegen. Darin den Link so:
<a href="<?php print $fields['field_dein-videofeld']->content;?>?width=500&height=500&iframe=true" class="colorbox-load">
ausgeben.
Und voila, das Video wird in einer Colorbox abgespielt.
Was für mich jetzt noch offen ist:
1. video.js oder mediaelement.js als Player einbinden,
2. das Video bereits beim laden der Seite zu puffern.
Ich werde berichten.
Hast Du das Thema weiter
am 13.04.2013 - 06:43 Uhr
Hast Du das Thema weiter verfolgen können?
Würde mich sehr interessieren da ich ein äähnliche Thema habe
Gruß mabo1972