Druckbare Version
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?
Mmh, zeig mal die Seite. Bei mir macht das Element kein embed.
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!
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.
Ja, genau. Letztlich bin ich dadurch darauf gekommen, zu schauen was da für ein Bild hinterlegt wurde.
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
Ich denke, da musst du mal die Seite zeigen.
Webseite ist noch im Aufbau, also bitte nicht wundern, dass noch alles ziemlich verwurstet ist: http://marctomfohrde.de/medien.html
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>.
Ansonsten kannst du auch noch versuchen, dieses Bild als <img> dort hinzubringen.PHP-Code:<audio<?= $this->size ?><?php if ($this->poster): ?> poster="<?= $this->poster ?>"<?php endif; ?> preload="none"...
Oder als Hintergrundbild:
Oder das style nicht direkt ins <audio> sondern noch ein <div> als Wrapper drum herum zu bauen und das style-Attribut dort hinein.PHP-Code:<audio<?= $this->size ?><?php if ($this->poster): ?> style="background-image:url(<?= $this->poster ?>)"<?php endif; ?> preload="none"...
Das mit dem Poster-Attribut für <audio> funktioniert. Du brauchst dann noch so ein CSS
weil mediaelement das sonst so behandelt wie bei Videos, da wird das Poster nämlich auf display:none gesetzt, sobald das Video läuft.HTML-Code:.mejs__audio .mejs__poster {
display: block !important;
}
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
YouTube für Audio? Ok, habe ich noch nie probiert.Zitat:
Zitat von stomfohrde
??? Meinst du die Bedienerführung direkt auf dem "Audio-Video"?Zitat:
Zitat von stomfohrde
JS-Fehler kann ich da nur diesen sehenZitat:
Zitat von stomfohrde
Netzwerkfehler sehe ich keine.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').
HTML-Fehler diese hier:
Du stellst Serveranfragen an Drittanbieter sobald ich die Seiete aufrufe. Ist das laut DSGVO überhaupt erlaubt? Denen wird doch meine IP übermittelt.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.
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
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.Zitat:
YouTube für Audio? Ok, habe ich noch nie probiert.
Ich meine damit, dass für das Video auch die Views gezählt werden, auch wenn es über die Webseite geschaut wird.Zitat:
??? Meinst du die Bedienerführung direkt auf dem "Audio-Video"?
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.Zitat:
JS-Fehler kann ich da nur diesen sehen
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.
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.Zitat:
Du stellst Serveranfragen an Drittanbieter sobald ich die Seiete aufrufe. Ist das laut DSGVO überhaupt erlaubt? Denen wird doch meine IP übermittelt.
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.
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:
Anhang 21286
Und nicht so:
Anhang 21287
Ich habe leider nichts passendes dazu gefunden.
Vielen Dank und viele Grüße
Timo
Hi,
ist das Bild genau so groß wie das Video?
Ja, Bild und Video haben dieselbe Größe.
Gesendet von iPhone mit Tapatalk
Ich denke, da brauchen wir eine Link zur Seite.
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.
Da hat Andreas wohl Recht.Zitat:
Zitat von Andreas
Ohne Link hilft nur der Blick in die Glaskugel.
Greifen beim Videoelement evtl. irgendwelche CSS-Styles die Dir durch die Lappen gegangen sind?