Funktioniert YouTube CE in Contao 3?

[Nina]

Ich teste gerade das neue Inhaltselement "YouTube" von Contao 3.

Ich habe die ID eines YouTube-Videos eingegeben, ein Dummy-Bild als Vorschau gewählt, eine Größe definiert und das Inhaltselement gespeichert. Auf der Seite (HTML5, jQuery) kommt aber erstmal kein Video. Stattdessen steht auf dem Vorschau-Bild:

"Kein Video mit unterstütztem Format und MIME-Typ gefunden".

Hat jemand von euch schon mal unter Contao 3 + HTML5 + jQuery ein YouTube-Video mit dem neuen Inhaltselement zum Laufen bekommen? Wenn ja, mit welchen Einstellungen? Ich habe auch schon eine andere Größe und andere Video-IDs probiert, jedes Mal das gleiche Ergebnis.

// Nachtrag: Wie weiter unten beschrieben wird, gibt es noch ein Problen wenn Videos größer dargestellt werden sollen.

[Nina]

Ah, korrigiere, mein Fehler.

Man muss natürlich im Seitenlayout bei jQuery auch das jQuery-Template j_mediabox aktivieren. Jetzt funktioniert es

[andreas.schempp]

Hmm, mir wäre nicht bewusst dass man das aktivieren müsste. Aber ich vermute du musst entweder jQuery oder MooTools im Seitenlayout aktivieren (hast du ev. im gleichen Zug gemacht).

[Dunkelschunkel]

Ich habe hier allerdings ein anderes Problem mit sem Youtube CE in Contao 3. Das Einbinden funktioneirt, es wird das richtige Video eingebettet, allerdings wird dieses nciht richtig im Player angezeigt. Das Youtube-Video erscheint nur im oberen Bereich der Mediabox. Ich kann dies zwar dort auch abspielen, aber so klein und versetzt ist es reichlich unattraktiv.

Beispiel-Bild ist angefügt.
youtube.PNG

Leider habe ich keine Ahnung, ob das an meinen Einstellungen liegt oder ein genereller Bug ist.

Hat jemand einen Hinweis für mich?

[andreas.schempp]

Also erstmal, mit der Mediabox hat das nichts zu tun. Die Mediabox ist nur das Popup, der Player ist aber "inline" in der Seite.
Kann es sein dass die von dir eingegebene Grösse nicht mit der Auflösung des Videos übereinstimmt?

[Dunkelschunkel]

Hallo Andreas,

dein Tip mit den Auflösungen hat mich ein klein wenig weitergebracht. Setze ich die Player-Größe des inline-Elementes auf 320x240px, so wird das Video gut dargestellt.

Video mit 320x240px
youtube_small.PNG

jede andere Player-Größe führt zu dem vorhin beschriebenen Effekt, auch Auflösungen, in denen das Original-Youtube-Video auch vorhanden ist.
Ich wüsste momentan nicht, an welcher Stelle ich noch schauen soll.

[Nina]

Das Problem kann ich bestätigen.

[Dunkelschunkel]

Soweit ich es verstehe, macht das ce_youtube eine Aufbereitung der URL des Youtube-Videos für die eigentliche mediaelements. Zumindest find ich auf Anhieb bei einer kleinen Google-Suche Folgendes:

http://stackoverflow.com/questions/1...o-from-youtube

Ich denke, es ist sinnvoller, bei mediaelements zu suchen. Die liegen ja unter assets\jquery bzw. assests\mootools.

Hier würde ich mir auch ableiten, dass für die Nutzung von ce_youtube auch wahlweise jquery oder mootools im jeweils verwendeten Seitenlayout aktiviert sein muss. Das spannt den Bogen auf Deine eingehende Frage @Nina

Wer kann weitere Anhaltspunkte liefern oder mir sagen, dass ich auf dem Holzweg bin?

[Nina]

Ich habe Andreas eine Testumgebung bereit gestellt. Soweit ich weiß, will er auch die Ursache - und eine Lösung - suchen.

[andreas.schempp]

Das Problem kommt wohl aus MediaElement und ist in der neusten Version behoben: https://github.com/contao/core/issues/4917

[Nina]

Wie kann ich die Version manuell aktualisieren, damit das C3-Projekt schon mal weiter läuft? Das hätte auch den Vorteil, dass wir sehen, ob das Update alleine schon ausreicht.

[andreas.schempp]

Liebe Nina, da hab ich bei dir schon gemacht

[Dunkelschunkel]

Mensch, ich bin ein paar Stunden nicht da und schon geht die Post ab. Vielen Dank. Ich würde so höflich sein und auf eine normale Aktualisierung warten. Es sei denn, Andreas sagt mir, dass es recht einfach ist mediaelemnts in einer contao3 RC2 Installation zu aktualisieren.

Es grüßt Dunkelschunkel

[Dunkelschunkel]

Hallo an alle,

ich habe mir erst einmal so weitergeholfen, dass ich die neueste mediaelements von deren Webseite besorgte (2.9.5) und bei meiner Contao-Installation unter "assets/jquery/mediaelement/2.9.1/" die Dateien in den Unterordnern mit den aktuelleren von mediaelements ersetzt habe. Damit ist der Bug zumindest mit der Benutzung von jquery behoben. Konnte ich so an meiner Installation feststellen.
Analoges gilt sicher auch für den Einsatz bei mootools. Wurde allerdings von mir noch nicht überprüft.

Nachteil bei meiner leicht dilettantischen Art der Selbsthilfe ist der Effekt, dass die Größenangabe aus ce_youtube jetzt ignoriert wird und das mediaelement, sprich der Player, immer von der Breite den maximalen Platz belegt. Bei einem statischen Layout mit 960px Breite sind es die 960px, bei einem dynamischen Layout die Fensterbreite.

Es grüßt Dunkelschunkel

[Nina]

Das kann ich auch bestätigen. Das Video nimmt - nach der Aktualisierung - jetzt immer die volle Breite ein (ohne dass ich die eigentlichen Einstellungen verändert hätte). Das ist natürlich auch nicht gerade positiv

[Gandalf]

Habe gerade versucht den Elementyp "YouTube" zu verwenden und folgendes festgestellt.
Es funktioniert nur wenn ich im Seitenlayout entweder das MooTools-Template> moo_mediaelement oder das jQuery-Template > j_mediaelement verwende.
Bei der MooTools-Variante funktioniert der Fullscreen bei mir leider nicht. Kann dies jemand bestätigen?

[juju]

Hallo Gandalf,

ich kann diesen bug leider bestätigen. Mit jquery funktioniert die fullscreen Ansicht, mit mootools nicht.

Hast Du da schon eine Lösung gefunden?

Gruß,
juju

[rselma]

Hallo,

gibt es denn eine Möglichkeit die Breite des Fensters prozentual ausugeben ?

Danke

[Grossvater]

Habe das gleiche Problem wie oben beschrieben...
also: zu kleines Bild und verschoben.
Wie kann man das Problem lösen?

Der Fehler tritt in der aktuellen Contao Version 3.5.2. auf.

Bildschirmfoto 2016-02-12 um 11.40.30.png

[Spooky]

Link zur Seite? Alternativ könntest du YouTube Videos auch per iframe einbinden lassen. Dazu gibt es nun auch eine Extension, ohne selber das Template anpassen zu müssen: [youtube_iframe]

[Grossvater]

Du hast eine PM.
Wurde das Problem noch nicht behoben? Ich würde shcon gerne das COntao YoutubeModul verwenden statt Iframe.

[Spooky]

Ich würde shcon gerne das COntao YoutubeModul verwenden statt Iframe.

MediaElement.js bindet das Video bei dir als <iframe> ein übrigens (zumindest in meinem FireFox 44 unter Windows 10 x64). Deswegen sieht es auch so aus, weil du folgende Styles in deinem "Globals" Stylesheet drin hast:

img, object, embed, video, iframe, .ce_html5 video {
    max-width: 100%;
    height: auto;
    border: 0 none;
    color: transparent;
    vertical-align: middle;
    font-style: italic;
    font-size: 0px;
} 

Wenn du das height: auto; für iframe entfernst, passt es wieder. Alternativ:

.mejs-mediaelement iframe {
    height: 100%;
} 

[tschero]

Hi,

hier wird das Thema auch noch behandelt.

Gruß
tschero