YouTube responsive

1. offizieller Beitrag
    • Neu
    • Offizieller Beitrag

    Ich habe ein kleines Skript gefunden mit welchen man YouTube-Videos einbinden kann ohne das lästige Balken eingeblendet werden wenn der Bildschirm kleiner ist als das eingebundene Video.


    1. Ladet die Zip-Datei herunter "wzp-youtubeflex.zip" und bindet das einpackte Skript in ZP ein. Website > Dateien > Importieren


    2. Kopiert die Objekt-ID des Skipts:


    3. Website > Erweitert > Attribute > body_start hier fügt ihr folgendes ein: <script src="oid://file/wzp-youtubeflex_js"></script>. Den Teil oid://file/wzp-youtubeflex_js ersetzt ihr durch die kopierte Objekt-ID.


    5. Website > Erweitert > Attribute > footer_script hier fügt ihr folgendes ein:

    Code
    <script>
fluidvids.init({
selector: ['iframe'],
players: ['www.youtube.com']
});
</script>


    6. Im Inhaltsbereich das Widget Quelltext mit dem YouTube-Einbettungscode einfügen. Achtet darauf das Höhe und Breite das richtige Seitenverhältnis haben. Am besten die echte Größe des Videos eintragen. Also zum Beispiel: width="1920" height="1080"


    Das Video sollte nun immer das richtige Seitenverhältnis haben und kann über das ZP-Grid-System flexibel eingebunden werden.


    PS: Wenn das Skript nur auf einigen bestimmten Seiten verwendet wird solltet ihr dieses auch nur dort einbinden. Anstatt Website > Erweitert > Attribute einen Doppelklick auf die Seite und hier unter Attribute entsprechend body_start und footer_script wählen.