Contao-Camp 2024
Ergebnis 1 bis 20 von 20

Thema: Video Vorschaubild

  1. #1
    Contao-Fan
    Registriert seit
    16.08.2009.
    Beiträge
    486

    Standard Video Vorschaubild

    Hallo!

    bei Video/Audio kann man ja ein Vorschaubild auswählen, dies erscheint jedoch nicht. Im Source sehe ich einmal das embed-tag und zusätzlich das video-tag, bei welchem dann nach das poster-Attribut dabei ist. Kann es seon, das im Browser das embed-Tag zieht und deswegen kein Thumb da ist?

  2. #2
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Mmh, zeig mal die Seite. Bei mir macht das Element kein embed.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  3. #3
    Contao-Fan
    Registriert seit
    16.08.2009.
    Beiträge
    486

    Standard

    Ich habe mal genauer geschaut, bei "Element untersuchen" ist das so da, schaue ich nur de Source an, dann ist es nicht da.
    Dann dachte ich ich schaue nach dem gewählten Vorschaubild, und siehe da, das war zu gross. Ich habe dann ein angepasstes genommen und dann ging es!

  4. #4
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Die normale Quelltextanzeige der Browser zeigt das Markup vor Javascript an. Mit den Dev-Tools siehst du nach Javascript. Du kannst auch das JS im Broser ausschalten, dann siehst du den Unterschied auch mit den Dev-Tools, also was mediaelement da alles an HTML reingeneriert.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  5. #5
    Contao-Fan
    Registriert seit
    16.08.2009.
    Beiträge
    486

    Standard

    Ja, genau. Letztlich bin ich dadurch darauf gekommen, zu schauen was da für ein Bild hinterlegt wurde.

  6. #6
    Contao-Nutzer
    Registriert seit
    27.09.2016.
    Ort
    NRW
    Beiträge
    79

    Standard

    Ich habe das gleiche Problem.

    Wenn ich im Quelltext schaue, ist nur das Audio-Elemnt zu sehen, aber keine Grafik. Unter "Webseite untersuchen" taucht dann ein Element mit der Klasse "mejs-poster" auf, ist aber leer. Das gewählte Bild ist ein jpg und 12 KiB groß. Auch die Playergröße überschreitet weit die größe des Bildes.

    Hat jemand eine Idee?

    Danke und Gruß
    Sven

  7. #7
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich denke, da musst du mal die Seite zeigen.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  8. #8
    Contao-Nutzer
    Registriert seit
    27.09.2016.
    Ort
    NRW
    Beiträge
    79

    Standard

    Webseite ist noch im Aufbau, also bitte nicht wundern, dass noch alles ziemlich verwurstet ist: http://marctomfohrde.de/medien.html

  9. #9
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich weiß nicht, ob mediaelement Poster für Audio überhaupt unterstützt. Im Template ce_player ist davon auf jeden Fall nichts zu sehen, nur für <video>.

    Versuche mal in ce_player dem <audio> Element auch dieses Poster-Attribut zu geben wie bei <video>.
    PHP-Code:
    <audio<?= $this->size ?><?php if ($this->poster): ?> poster="<?= $this->poster ?>"<?php endif; ?> preload="none"...
    Ansonsten kannst du auch noch versuchen, dieses Bild als <img> dort hinzubringen.

    Oder als Hintergrundbild:
    PHP-Code:
    <audio<?= $this->size ?><?php if ($this->poster): ?> style="background-image:url(<?= $this->poster ?>)"<?php endif; ?> preload="none"...
    Oder das style nicht direkt ins <audio> sondern noch ein <div> als Wrapper drum herum zu bauen und das style-Attribut dort hinein.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  10. #10
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Das mit dem Poster-Attribut für <audio> funktioniert. Du brauchst dann noch so ein CSS
    HTML-Code:
    .mejs__audio .mejs__poster {
      display: block !important;
    }
    weil mediaelement das sonst so behandelt wie bei Videos, da wird das Poster nämlich auf display:none gesetzt, sobald das Video läuft.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  11. #11
    Contao-Nutzer
    Registriert seit
    27.09.2016.
    Ort
    NRW
    Beiträge
    79

    Daumen hoch

    Erstmal vielen Dank Andreas!

    Es ist tatsächlich so, dass das Vorschaubild nur für Videos vorgesehen ist, mit deinem Tipp klappt es aber auch für Audios.
    Wir haben uns jedoch aktuell dazu entschieden das YT-Element zu verwenden, da somit auch noch Klicks auf dem YT-Video genereiert werden, allerdings hatte ich auch hier das Problem, dass das Vorschaubild nicht angezeigt wurde.

    Da ich seit einiger Zeit immer wieder eine Anfrage-Token-Meldung bekam (im ganzen BE unabhängig von dem Video/YT-Element), habe ich das Install-Tool noch mal angestoßen und dies war dann wohl auch die Lösung des Problems. Jetzt werden mir wieder die Vorschaubilder angezeigt und die entsprechende Seite hat wesentlich weniger Fehlermeldungen (die restlicehn Fehler liegen wohl an meiner dramatischen Internetverbindung).

    Also noch mal Danke, der Tipp für das Vorschaubild bei Audios wird mir sicher noch mal weiterhelfen.

    Gruß Sven

  12. #12
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von stomfohrde Beitrag anzeigen
    dazu entschieden das YT-Element zu verwenden
    YouTube für Audio? Ok, habe ich noch nie probiert.

    Zitat Zitat von stomfohrde Beitrag anzeigen
    da somit auch noch Klicks auf dem YT-Video genereiert werden
    ??? Meinst du die Bedienerführung direkt auf dem "Audio-Video"?

    Zitat Zitat von stomfohrde Beitrag anzeigen
    die restlicehn Fehler liegen wohl an meiner dramatischen Internetverbindung
    JS-Fehler kann ich da nur diesen sehen
    Code:
    'postMessage' konnte auf 'DOMWindow' nicht ausgeführt werden: Der angegebene Ziel-Ursprung (origin - 'https://www.youtube.com') stimmt nicht mit dem Empfängerfenster-Ursprung überein ('http://marctomfohrde.de').
    Netzwerkfehler sehe ich keine.

    HTML-Fehler diese hier:
    Code:
    Info: 8 Fehler / 0 Warnungen
    
    Info: W3c Online Validation
    
    line 20 column 31 - Info: The “type” attribute is unnecessary for JavaScript resources.
    line 65 column 33 - Fehler: Duplicate ID “navlist”.
    line 55 column 47 - Info: The first occurrence of ID “navlist” was here.
    line 132 column 171 - Fehler: Bad value “files/marctomfohrde/content/Marc Tomfohrde - On a trip (Orginal Mix).mp4” for attribute “src” on element “source”: Illegal character in path segment: space is not allowed.
    line 155 column 56 - Fehler: Attribute “width” not allowed on element “audio” at this point.
    line 155 column 56 - Fehler: Attribute “height” not allowed on element “audio” at this point.
    line 156 column 189 - Fehler: Bad value “files/marctomfohrde/content/Daniel Staller - I see you (Marc Tomfohrde Remix).mp3” for attribute “src” on element “source”: Illegal character in path segment: space is not allowed.
    line 179 column 56 - Fehler: Attribute “width” not allowed on element “audio” at this point.
    line 179 column 56 - Fehler: Attribute “height” not allowed on element “audio” at this point.
    line 180 column 189 - Fehler: Bad value “files/marctomfohrde/content/Daniel Staller - I see you (Marc Tomfohrde Remix).mp3” for attribute “src” on element “source”: Illegal character in path segment: space is not allowed.
    Du stellst Serveranfragen an Drittanbieter sobald ich die Seiete aufrufe. Ist das laut DSGVO überhaupt erlaubt? Denen wird doch meine IP übermittelt.
    Code:
    http://youtube.com
    https://code.jquery.com
    https://fonts.googleapis.com
    https://fonts.gstatic.com
    https://google.com
    https://googleads.g.doubleclick.net
    https://i.ytimg.com
    https://lh3.googleusercontent.com
    https://s.ytimg.com
    https://static.doubleclick.net
    https://www.google.com
    https://www.google.de
    https://www.youtube.com
    https://yt3.ggpht.com
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  13. #13
    Contao-Nutzer
    Registriert seit
    27.09.2016.
    Ort
    NRW
    Beiträge
    79

    Standard

    YouTube für Audio? Ok, habe ich noch nie probiert.
    Nein, es sind schon Videos, nur hatte ich die Idee, da es Musikvideos sind und die generell relativ viel Traffic verbrauchen, dass man einfach das Audio einbindet und dann ein Thubnail dazu zeigt.

    ??? Meinst du die Bedienerführung direkt auf dem "Audio-Video"?
    Ich meine damit, dass für das Video auch die Views gezählt werden, auch wenn es über die Webseite geschaut wird.

    JS-Fehler kann ich da nur diesen sehen
    Genau den meinte ich, leider habe ich auch hier keine Ahnung, wie man das Problem lösen kann. Es gibt wohl ein problem mit https und http, aber bislang habe ich nichts gefunden, wo dies zu ändern ist.

    Jetzt habe ich auch wieder andauernd die Anfrage-Token-Meldung und ich fliege immer wieder aus dem BE. Das anstoßen der Install.php hat wohl nichts gebracht und das Erscheinen der Thumbnails war wohl zufall.

    Die HTML-Fehler habe ich beseitigt - danke.

    Du stellst Serveranfragen an Drittanbieter sobald ich die Seiete aufrufe. Ist das laut DSGVO überhaupt erlaubt? Denen wird doch meine IP übermittelt.
    Ich verwende nur Google-Fonts und das YT-Element von Contao, mehr nicht. Für die Verwendung von Google-Fonts muss in den Datenschutzangeben darauf hingewiesen werden, für YT kann ich das bislang noch nicht sagen. Generell ist die aber technisch notwendig, da dem FE-User ja die entsprechenden Inhalte nicht zur Verfügung gestellt werden können.

  14. #14
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Schau dir mal diese Erweiterung an https://github.com/friends-of-contao/contao-privacy Damit kannst du u.a. YouTube Videos so einbinden, dass eine Anfrage an YouTube erst dann gestellt wird, wenn man auf das "Video" (Poster) klickt.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  15. #15
    Contao-Fan Avatar von intradesign
    Registriert seit
    28.07.2015.
    Beiträge
    338

    Standard Bildgröße des Vorschau-Bildes

    Hallo zusammen, ich habe ein zu diesem Thema passende Frage:

    Wenn ich in einem Video-Element ein Vorschaubild aktiviere, dann ist es immer kleiner als der eigentliche Player. Hat jemand eine Idee, wie ich erreichen kann, dass das Vorschaubild auch flächendeckend ist?

    So soll es aussehen:
    player-so.png

    Und nicht so:
    player-so-nicht.png

    Ich habe leider nichts passendes dazu gefunden.

    Vielen Dank und viele Grüße
    Timo
    Geändert von intradesign (31.08.2018 um 11:56 Uhr)

  16. #16
    Contao-Urgestein
    Registriert seit
    20.09.2012.
    Ort
    Lüneburger Heide
    Beiträge
    1.971
    Partner-ID
    12207
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hi,

    ist das Bild genau so groß wie das Video?
    Autodidakt und HobbyWebdesigner

    www.webdesign24.biz
    Screencasts zu Contao

  17. #17
    Contao-Fan Avatar von intradesign
    Registriert seit
    28.07.2015.
    Beiträge
    338

    Standard

    Ja, Bild und Video haben dieselbe Größe.


    Gesendet von iPhone mit Tapatalk

  18. #18
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich denke, da brauchen wir eine Link zur Seite.
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  19. #19
    Contao-Fan Avatar von intradesign
    Registriert seit
    28.07.2015.
    Beiträge
    338

    Standard

    Ich habe das Video noch nicht aktiv. Das ist aber bei allem Videos so, die ich eingebunden habe. Das Titelbild wird immer irgendwie komisch dargestellt, sowohl ohne die einzubindenden Media-Scripte als auch mit. Ich bevorzuge das html Videoelement ohne den js-Kram, dann ist das Bild ja der Poster-Parameter. Und eben das ist immer etwas kleiner.

    Meine Notlösung war dann immer, ein Bild mit einem Video zu verlinken, das dann in einer Lightbox geöffnet wird. Finde ich aber auch nicht so gut.

  20. #20
    Contao-Urgestein
    Registriert seit
    20.09.2012.
    Ort
    Lüneburger Heide
    Beiträge
    1.971
    Partner-ID
    12207
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Andreas Beitrag anzeigen
    Ich denke, da brauchen wir einen Link zur Seite.
    Da hat Andreas wohl Recht.
    Ohne Link hilft nur der Blick in die Glaskugel.

    Greifen beim Videoelement evtl. irgendwelche CSS-Styles die Dir durch die Lappen gegangen sind?
    Autodidakt und HobbyWebdesigner

    www.webdesign24.biz
    Screencasts zu Contao

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
  •