1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

eingebettetes Video

Dieses Thema im Forum "Design" wurde erstellt von BlumeREMC, 16. Februar 2018.

  1. BlumeREMC

    BlumeREMC Member

    Registriert seit:
    11. Februar 2018
    Beiträge:
    15
    Zustimmungen:
    1
    #1 BlumeREMC, 16. Februar 2018
  2. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Das ist ein bisschen Fummelkram, denn die Proportionen des Videos (Breite * Höhe) müssen ja irgendwie auch passen und erhalten bleiben, wenn das Display kleiner wird.
    Da das Video in einem IFrame läuft, sind dessen Proportionen ausschlaggebend - das Video im Frame nimmt sich dann den Platz, der ihm gegeben wird.
    Teste bitte mal folgendes (im 'zusätzlichen CSS'):
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #2 Sailor56, 16. Februar 2018
  3. BlumeREMC

    BlumeREMC Member

    Registriert seit:
    11. Februar 2018
    Beiträge:
    15
    Zustimmungen:
    1
    Hi Sailor,

    scheint nicht zu reagieren.
     
    #3 BlumeREMC, 16. Februar 2018
  4. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    Seh ich...
    Fehler Nr1: Du direkt vor der Stelle in deinem CSS, wo du den Code eingefügt hast, eine weiter @mediaQuery stehen
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Da hast du aus Versehen die abschließende geschweifte Klammer } gelöscht!

    Fehler Nr2: Warum auch immer ist die ID des IFrames jetzt anders??? Hast du sonst irgendwas an der Seite geändert?
    Auf jeden Fall heißt das Element jetzt
    iframe#_dytid_9486
    das müsstest du in deinem CSS korrigieren.
    Sollte sich diese ID des IFrames nochmal ändern, was eigentlich nicht sein sollte, melde dich wieder, dann finden wir einen anderen Selektor!
     
    #4 Sailor56, 16. Februar 2018
  5. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.660
    Zustimmungen:
    1.783
    Falls die ID warum auch immer dynamisch ist, könnte man z.B auch sowas verwenden: iframe[src*="youtube.com"] { .. }
     
    #5 b3317133, 16. Februar 2018
  6. BlumeREMC

    BlumeREMC Member

    Registriert seit:
    11. Februar 2018
    Beiträge:
    15
    Zustimmungen:
    1
    die ID ändert sich offensichtlich ständig, was muss ich denn hier { .. } anstatt der .. eintragen?

    Grüße Blume
     
    #6 BlumeREMC, 16. Februar 2018
  7. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    statt 'iframe#_dytid_9486' - was sich ja wohl dynamisch ändert..
    setzt du iframe[src*="youtube.com"]
    siehe Beitrag #5 von @b3317133

    Sollte das auch nicht funktionieren... es gibt noch etliche weitere Möglichkeiten diesen IFrame im CSS anzusprechen!
     
    #7 Sailor56, 16. Februar 2018
  8. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    gerade getestet... mit iframe[src*="youtube.com"] funktioniert das - aber du hast immer noch nicht den Fehler Nr1 (fehlende abschließende Klammer) beseitigt.
    Der neue Code muss also so aussehen!
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    ... aber solange du den Fehler darüber nicht bereinigst, wird das nicht wirken!

    Eine MediaQuery baut sich immer folgendermaßen auf

    @media screen and (max-width: xxx) { <- das ist die öffnende Klammer für die Query!

    iframe[src*="youtube.com"] { <- das ist die öffnende Klammer für die CSS Anweisung!
    height: calc(100vw / 2.0);
    }     [FONT=courier\ new][FONT=courier\ new][FONT=courier\ new]<- das ist die schließende Klammer für die CSS Anweisung![/FONT] [/FONT]
    } [FONT=courier\ new][FONT=courier\ new][FONT=courier\ new]<- das ist die schließende Klammer für die Query![/FONT]

    [/FONT]    [FONT=courier\ new]CSS ist da sehr sensibel... wenn die Syntax[/FONT] falsch ist dann wird die Anweisung entweder fehlerhaft oder gar nicht umgesetzt!
    [/FONT]
    [/FONT]
     
    #8 Sailor56, 16. Februar 2018
  9. BlumeREMC

    BlumeREMC Member

    Registriert seit:
    11. Februar 2018
    Beiträge:
    15
    Zustimmungen:
    1
    Ah Klasse ich danke Euch! Endlich ist der Groschen mit der zweiten } gefallen.

    Verstehe ich das richtig, dass das jetzt für jedes eingebettet Youtube Video auf der Seite greift?

    Vielen Dank für die schnelle Hilfe Blume
     
    #9 BlumeREMC, 19. Februar 2018
  10. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.660
    Zustimmungen:
    1.783
    iframe[src*="youtube.com"] greift für alle iframes, in deren src Attribut irgendwo der Textteil youtube.com vorkommt, mehr dazu: CSS Selectors.
     
    #10 b3317133, 19. Februar 2018
  11. BlumeREMC

    BlumeREMC Member

    Registriert seit:
    11. Februar 2018
    Beiträge:
    15
    Zustimmungen:
    1
    Hallo zusammen,

    ich habe nun die Seite auf die eigentliche Seite umgezogen und habe etliche Probleme, unter anderem funktioniert die hier behandelte Lösung leider nicht, ich habe die Seiite mit dem Plugin Duplicator umgezogen. Seht Ihr wo der Fehler liegt?
    https://www.unimoto-race.de

    Danke und beste Grüße Blume
     
    #11 BlumeREMC, 11. März 2018
  12. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.660
    Zustimmungen:
    1.783
    1. Im <head> Bereich der Seite ist fälschlicherweise dieser Code eingefügt: <a href="#0" class="sb2t" title="Back To Top"> </a>, das hat da nichts verloren.

    2. Der CSS-Code hat Kommentarfehler, Kommentare werden in CSS zwischen /* und */ gesetzt, nicht hinter #

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    3. Ein } zuviel führt dazu, dass die iframe-Regeln nicht angewendet werden.

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Am Rande: Solche Fehler entstehen allerdings nicht durch die Nutzung von "Duplicator" sondern waren schon vorher vorhanden oder wurden nachträglich eingebaut...
     
    #12 b3317133, 12. März 2018
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden