Druckbare Version
Integriert YouTube Videos per Iframe, statt per <video> Element. Es sind darüber hinaus in den Einstellungen zusätzliche Parameter für den Player zur Verfügung. Im Seitenlayout kann außerdem ein Responsive Stylesheet ausgewählt werden.https://raw.githubusercontent.com/fr...screenshot.png
- ER2: [youtube_iframe]
- Packagist: fritzmg/contao-youtube-iframe
- GitHub: fritzmg/contao-youtube-iframe
Hallo Zusammen,
ich habe Youtube Filme per iframe integriert - bekomme die Filme aber nicht responsive -
Die ganze Seite ist responisive, bis auf die Youtube Filme.
Ich benötige eine Hilfestellung.
Beste Grüße
Tilda
Im Forum gibt es mehrere Themen dazu.
Schau Dich mal genauer um und Du wirst genug code dazu finden.
Hast du die Einstellung im Seitenlayout benutzt?Zitat:
Zitat von tilda
Super - danke für den Hinweis - das war mir nicht klar - jetzt ist es angeklickt und funktioneirt -
tausend Dank - ich hätte ewig gesucht!
Ist das Deaktivieren für empfholene Videos nur mit dieser Erweiterung möglich, bwz. nur mit <iframe>? Am Ende der ID ?rel=0 ranhängen funktioniert nicht.Zitat:
Zitat von Spooky
Meinst du beim regulären YouTube Inhaltselement? Ja das funktioniert nicht. In Contao 4 evt. schon.Zitat:
Zitat von andrea$
genau, beim Inhaltselement Youtube.
Hallo, ich habe die Erweiterung installiert, weil das Youtube-Fenster ohne diese nicht zufriedenstellend ist (das Video lässt sich nicht Fullscreen schalten, der Fullscreen-Button in der Fußzeile wirkt als Start/Stop). Funktionierte auf Anhieb. Aber mit der Responsivität bin ich nicht glücklich, die Anzeige ist auf dem Handy zu klein, ich hätte sie gerne mit voller Seitenbreite. Daher meine Fragen:
In der Beschreibung steht, dass "darüber hinaus in den Einstellungen zusätzliche Parameter für den Player zur Verfügung" stehen; sh. Abbildung hier im Thread. Wo finde ich diese Parameter? Spooky schreibt "Hast du die Einstellung im Seitenlayout benutzt?"- welche Einstellung ist da gemeint? Im Seitenlayout habe ich JQuery aktiviert und die allgemein erforderlichen Parameter, von der Erweiterung sehe ich da nichts. Was übersehe ich da? Und wie kann ich es hinkriegen, dass das Videobild responsiv die Seitenbreite einnimmt?
Erläuterung: ich arbeite an der Seite www.denkmalverein-bonn-aktuell.de. Dort habe ich in der rechten Spalte ein Video eingebunden und die Abmessungen im Youtube-Inhaltselement auf diese Spaltenbreite gesetzt (280x210). Auf dem Smartphone nimmt das Video ca. zwei Drittel der Breite ein, das entspricht vermutlich dieser Breite. Da dort die Spalten aber untereinander angeordnet sind, wäre optisch schöner, die ganze Breite einzunehmen.
Danke für eure Unterstützung, Reinhard
Die Einstellung befindet sich unter Themes » Seitenlayout » Stylesheets » Responsive Video-Wrapper benutzen.
Auf dieser Seite scheint nicht die youtube_iframe Erweiterung im Einsatz zu sein.Zitat:
Zitat von radobo
Ich habe die Erweiterung sicherheitshalber grad nochmal aktualisiert. Ohne die Erweiterung verhielt sich das Youtube-Fenster anders, wie beschrieben. Also gehe ich davon aus, dass die Erweiterung aktiv ist, spätestens jetzt. Frage: wenn ich die Contao-Version aktualisiere, muss ich dann die Erweiterung nochmal aktualisieren? Nachdem ich alles eingerichtet hatte und es gut lief, aktualisierte ich zwischenzeitlich die Contao-Version, aber nicht die Erweiterung. Und habe nicht überprüft, ob Youtube noch wie gewünscht läuft. Insofern, könnte sein, dass es nicht aktiv war.
Ich habe danach unter "Themes" im Seitenlayout meiner Startseite "Responsive Video-Wrapper benutzen" angeklickt, jetzt verhält sich das Youtube-Fenster wie gewünscht!!
Danke, die Hinweise haben mir geholfen.
Diese Player-Settings, wie im Post von Andrea$ abgebildet, finde ich aber nirgendwo. Was hat es damit auf sich?
Das kann man pauschal nicht sagen, das kommt auf die Erweiterung an. Beispiel:Zitat:
Zitat von radobo
Angenommen du hast Contao 3.2.21 installiert. Und angenommen du hast eine Extension installiert, die folgende Versionen hat:Da du Contao 3.2.21 installiert hast, hast du wahrscheinlich auch die Version 1.0.0 der Extension, da die Version 2.0.0 potentiell mit deiner Contao Version nicht kompatibel ist.
- Version 1.0.0: kompatibel mit Contao 3.0.0 bis 3.2.21
- Version 2.0.0: kompatibel mit Contao 3.3.0 bis 3.5.15
Angenommen du aktualisierst Contao nun auf 3.5.15. Nun musst du auch diese Extension aktualisieren, da die Version der Extension, die du installierst hast, möglicherweise nicht mehr kompatibel ist mit dieser Contao Version, die neuere Version 2.0.0 jedoch schon.
Im Fall von [youtube_iframe] ist das aber egal - alle Versionen der Extension, inkl. der neuesten Version, sind mit allen Contao 3 Versionen kompatibel.
Was ich jedoch noch nicht gemacht habe: es gibt keine .xhtml Version des ce_player Templates. Wenn man im Seitenlayout also XHTML eingestellt hat, bekommt man von den Änderungen nichts mit.
Du meinst meinen ersten Post? Da stimmt dann noch irgendwas nicht bei dir. Welche anderen Extensions hast du installiert?Zitat:
Zitat von radobo
Ja, ich meine den ersten Post. Das ist die einzige Erweiterung, die ich installiert habe. Vielleicht suche ich ja an der falschen Stelle - wo sollte denn dieses Einstellungsmenü zu finden sein? In der Erweiterungsverwaltung sehe ich bei "Bearbeiten" nur Status/Löschgeschützt/Updategeschützt, das ist ja ganz was anderes.
Die Einstellungen findet man im Inhaltselement selbst.
Mannomann, ja, ich sehe sie! Vermutlich hatte ich vorher die Erweiterung tatsächlich nicht korrekt installiert. Ende gut, alles gut:)
Na dann :)
Jemand ne Idee?
Ich möchste kein Video sondern eine Playlist einbinden.
Vielleicht hatte das Problem schon jemand und ich brauch nicht suchen.
Bei YouTube ID müsste dann rein, damit es mit iframe geladen wird:
Aber Contao schmeist alles nach "list" weg, es bleibt übrig:Code:videoseries?list=PLGnkljii8m2QQybfc.....7
Hatte auch mal probiert, das "=" durch "%3D" zu ersetzen, wird genauso abgeschnitten.Code:videoseries?list
Grad ne Idee gehabt, ich wollte schon das Template anpassen, ce_player_playlist, sodass ich nur noch übergeben muss:
aber auch das wird gekürzt auf:Code:PLGnkljii8m2QQybfcoPZ3rRGq3......7
Scheint also eine Längenbegrenzung zu sein.Code:PLGnkljii8m2QQyb
Kann man da irgenwas am DCA drehen, damit das nicht gekürzt wird, oder kommt die Kürzung vom CE Video?
Ich schaue mal weiter, bin für Ideen aber offen.
Nachtrag: Aja, ist ein "varchar(16)". Die Playlist ID ist 32 Zeichen plus "PL" am Anfang, als 34 Zeichen lang.
In der neuesten Version kann man nun, genau so wie in Contao 4, einfach die YouTube Video URL im Textfeld eintragen und es wird automatisch die ID extrahiert.
Ich hab das mal installiert. Schöne Sache :) .
Kann ich die Responsiveanpassungen auch benutzen, wenn ich den iframe-Code per Hand eingebe? Das nutze ich in einem MM.
Und dann habe noch zwei Videos auf der Seite, die auf meinem Server liegen. Auch da stellt sich die Frage, wie ich die responsive kriege.
Ja kannst du beides. Wichtig ist nur, dass dein <iframe> oder dein <video> Element mitgewrapped ist.HTML-Code:<div class="video-wrapper">
…
</div>
Danke dir :) . Das scheint noch nicht zu reichen, da sich zwar der Rahmen verkleinert, nicht aber das Video selber. Wenn ich im CSS schaue, dann steht da immer noch eine weitere Klasse dahinter, wahrscheinlich je nach Breite der Fensters.
Das funktioniert nur, wenn du das Video Element nicht mit MediaElement.js initialisieren lässt, sondern nur nativ abspielst. Mit MediaElement.js brauchst du noch mehr CSS Anweisungen.
Im MM hat es jetzt geklappt:) . Das hatte ich vergessen im Seitenlayout anzuklicken :o.
Für die Videos auf meinem Webspace ist im Seitenlayout j_mediaelemet aktiviert. Meinst du das?
Das war es wohl, hab es ausprobiert. Super, danke!
Version 2.2.0 ist nun auch tatsächlich mit Contao 4 kompatibel.
Ab Contao 4.5 ist die Funktion bereits im Core enthalten. Allerdings kann man diese Extension immer noch in Contao 4.5+ verwenden, wenn man das zur Verfügung gestellte Responsive Stylesheet anwenden möchte.
Habe die Erweiterung auch in Verwendung. Wie ich leider feststellen muss, werden die Videos erst ab dem Internet Explorer 10 angezeigt.
Gibt es dafür eine Absicherung? IE9 scheint wohl mit dem HTML5-Modus Probleme zu haben.
Was meinst du mit HTML5 Modus? Die Templates dieser Extension verwendet keine HTML5 Elemente. Und selbst wenn, Contao bringt dafür das html5shiv mit. Das hat aber nichts mit dieser Extension zu tun.
Hast du die Erweiterung im IE9 schon einmal getestet?Zitat:
Zitat von Spooky
Poste einen Link zur Seite um zu verstehen was du überhaupt meinst.
Ich habe das Template vom "ce_player" angepasst damit die YouTube-Videos im No-Cookie-Modus abgespielt werden (Bzgl. der DSGVO):
Zitat:
<?php $this->extend('block_unsearchable'); ?>
<?php $this->block('content'); ?>
<?php if ($this->type == 'youtube'): ?>
<div class="video-wrapper<?= $this->arClass ?>">
<iframe<?= $this->size ?> src="https://www.youtube-nocookie.com/embed/<?= $this->youtube ?><?= $this->ytStrParams ?>" allowfullscreen></iframe>
</div>
<?php elseif ($this->isVideo): ?>
<video<?= $this->size ?><?php if ($this->poster): ?> poster="<?= $this->poster ?>" preload="none"<?php endif; ?><?php if ($this->autoplay): ?> autoplay<?php endif; ?> controls>
<?php foreach ($this->files as $file): ?>
<source type="<?= $file->mime ?>" src="<?= $file->path ?>" title="<?= $file->title ?>">
<?php endforeach; ?>
</video>
<?php else: ?>
<audio<?= $this->size ?> preload="none"<?php if ($this->autoplay): ?> autoplay<?php endif; ?> controls>
<?php foreach ($this->files as $file): ?>
<source type="<?= $file->mime ?>" src="<?= $file->path ?>" title="<?= $file->title ?>">
<?php endforeach; ?>
</audio>
<?php endif; ?>
<?php $this->endblock(); ?>
Einen IE9 zum testen habe ich nicht - und unterstütze ich auch prinzipiell nicht. Evt. liegt es am Responsive CSS. Deaktiviere das mal.
Meinst du im Seitenlayout den "Responsive Video-Wrapper" oder das Contao-Framework "Responsives Layout"? Habe beides testweise deaktiviert. In einem IE9 wird trotzdem leider kein Video angezeigt. Erst ab dem IE10.
Es kann auch sein, dass Google den IE9 nicht mehr unterstüzt ;). Du musst selbst überprüfen, warum genau der IE9 das Video nicht anzeigt.
Laut der Antwort hier unterstützt YouTube tatsächlich den IE9 nicht mehr: https://answers.microsoft.com/en-us/...2-764cd0399f28
Hat also weder was mit dem CSS der Extension, noch sonst etwas mit der Extension zu tun.
Danke für den Link. Hätte nicht gedacht das YouTube keine Videos mehr im IE9 abspielt. Habe es getestet. Das ist wahr. Das ist mal eine Ansage :)! Nochmals danke!
Erledigt
Hallo
bei mir funktionieren die Parameter nicht- also haben keine Wirkung wenn ich sie aktiviere. hat jemand eine Idee
contao 3.5.35
youtube_iframe 2.2.0
Verwendest du ein eigenes Template?
Ich nutze diese Erweiterung der Version Version 2.2.7 in Contao 4.4 und wollte nun ein Splash Image hinterlegen. Das Bild habe ich hochgeladen und den Haken gesetzt.
Anhang 22714
Habe ich etwas vergessen oder so? Denn das Video wird genauso angezeigt wie vorher. Muss ich irgendeinen Cache löschen? Seiten- und Browsercache hatte ich schon versucht. Ich stehe wohl auf der Leitung :o .
Die Erweiterung stellt diese Funktionalität nicht zur Verfügung. Du hast vermutlich friends-of-contao/contao-privacy installiert? Wenn ja, dann musst du ein eigenes ce_youtube Template anlegen und die Templates aus beiden Erweiterungen zusammenführen.
Brauchst du die YouTube Iframe Extension überhaupt?
Ja, richtig, friends-of-contao/contao-privacy habe ich auch installiert. Ich hatte die YouTube Iframe Extension installiert, weil man damit die verwandten Videos ausblenden konnte und ich es so auch geschafft habe, die Videos responsive einzubauen. Die verwandten Videos werden ja nun ohnehin immer angezeigt, aber responsive ist schon auch wichtig.
Kann man mit friends-of-contao/contao-privacy auch ein SplashImage definieren und die Videos responsive anzeigen? Letzteres war damals nicht so einfach für mich gemacht. Irgendwo hier im Forum habe ich dazu etwas gefunden und eingebaut.
Das Video responsive anzuzeigen ist einfach nur CSS. Aber grundsätzlich kannst du natürlich weiterhin beide Extensions verwenden - du musst nur ein eigenes ce_youtube Template erzeugen, wo du die Features aus beiden Extensions zusammenführst.
Ja, hab ich schon verstanden, aber solche Änderungen sind bei mir eben nicht "einfach nur" oder "mal eben" . Das ist jedesmal eine Mords-Aktion mit der Option auf "wird trotzdem nix", aber ich versuch es dann einfach mal mit der Deinstallation.
Danke dir für deine schnellen Antworten!
edit: Aufregung war ganz umsonst. Auch nach der Deinstallation ist das Video responsive :) .
edit2: Hmm, nee doch nicht ...
Vielleicht ist das Video aufschlussreich…
https://www.instagram.com/p/B2UI6_xhzn2/
Danke, aber ich habe in dem Thread zur friends-of-contao/contao-privacy Erweiterung das hier gefunden :) :
https://community.contao.org/de/show...l=1#post484042
Nur falls das noch jemand anders braucht.