Ergebnis 1 bis 6 von 6

Thema: Youtube Iframe responsive einbinden

  1. #1
    Contao-Fan
    Registriert seit
    10.01.2012.
    Beiträge
    373

    Standard Youtube Iframe responsive einbinden

    Hallo,

    ich versuche gerade einen Youtube Player responsive zu gestalten:

    https://www.hfn-media.net/filmproduktion_karlsruhe.html

    Auf einem Desktop sieht es noch OK aus, auf einem Handy wird nur der mittlere Teil angezeigt.

    Hat jemand eine Idee, wie ich den Player weiter optimieren kann?
    Er sollte halt überall mit dem korrekten 16:9-er Seitenverhältnis angezeigt werden:

    Das Video wurde durch einen Contao Youtube-Player integriert und dies ist der CSS-Code:

    .ce_youtube iframe {

    width:100% !important;
    height:100%
    position: absolute;
    top: 0;
    left: 0;

    }

    Vielen Dank für euren Ratschläge.

    Gr. I.

  2. #2
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    5.971
    Partner-ID
    107
    User beschenken
    Wunschliste

    Standard

    Schau mal hier:
    https://css-tricks.com/fluid-width-video/

    In Contao 4.9 kann man das dann auch im YT-Inhaltselement einstellen.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    It's OpenSource. So invest with your code, your time to test and your support.

  3. #3
    Contao-Fan
    Registriert seit
    10.01.2012.
    Beiträge
    373

    Standard

    Vielen Dank!

    Diese Installation ist leider noch 4.4.X
    Besteht hier die Möglichkeit ein Youtube-Player so einzubetten, dass das 16:9 Seitenverhältnis auf allen Endgeräten korrekt dargestellt wird?

    Gr. I.

  4. #4
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    5.971
    Partner-ID
    107
    User beschenken
    Wunschliste

    Standard

    Ja, mit CSS wie im Artikel von CSS Tricks beschrieben.

    Es gibt auch deutschsprachige Seiten. Suche nach „(YouTube) Videos responsive”.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    It's OpenSource. So invest with your code, your time to test and your support.

  5. #5
    Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.026
    Grüsse
    Bernhard


  6. #6
    Contao-Fan
    Registriert seit
    10.01.2012.
    Beiträge
    373

    Standard

    Vielen Dank, es hat gut funktioniert!

    LG

    I.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 2 (Registrierte Benutzer: 0, Gäste: 2)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •