Youtube Videos werden verzerrt dargestellt

einWeber

Hallo zusammen,
ich versuche gerade Youtube Videos auf unsere Homepage zu bringen.
Leider werden diese total verzerrt angezeigt. Sie werden in der Höhe quasi maximal dargestellt.

Klicke ich auf das Video, wird es richtiger Größe angezeigt.

Ich habe schon versucht die Größeneinstellungen zu ändern, das hilft aber nichts.

Hier mal der Link zur Homepage.
Ist eine Firmenhomepage, daher per google shortener, da ich sie nicht unbedingt als "Werbung" hier präsentieren möchte...

http://goo.gl/y2o7ar

Wäre super, wenn mir da mal kurz ein paar Tips geben könnte, wo der Fehler liegen könnte.

Besten Dank

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

in der screen.css steht folgendes:

Code

iframe {
margin: 0;
padding: 0;
border: hidden;
width: 460px;[B]height: 1300px;[/B]}
/* HTML5 display-role reset for older browsers */
/* line 190, ../sass/screen.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

Alles anzeigen

Die dort angegebene height von 1300px würde ich auf auto stellen.

einWeber

Aber die 1300 px dürften doch eigentlich keinen Einfluss auf die Darstellung des Videos haben.
Ich habe die Seite jetzt mal künstlich auf über 1300 px verlängert, dann müsste das Video ja eigentlich normal angezeigt werden, tut es aber leider nicht

bgeissler

das ist der richtige Einbettungscode

Zitat

<iframe [COLOR=#ff0000]width="640" height="360"[/COLOR] src="https://www.youtube.com/embed/bBe2R-sJw0M" frameborder="0" allowfullscreen></iframe>

einWeber

Klappt auch nicht

son10

Auf Deiner Seite ist nur der falsche Einbettungscode zu sehen.
Benutzt Du irgendein YouTube-Plugin? Dann deaktiviere das mal und bette das Video vielleicht mal auf einer neu angelegten Seite mit dem obigen Code ein.

einWeber

Habe jetzt mal verschieden Codes versucht, sogar mit Tabelle drum rum... will nicht funktionieren.

Hatte extra ein Plugin installiert, aber half auch nicht und ist nun wieder deaktiviert.

Was meinst du mit einer neu angelegten Seite? Die Testseite habe ich extra neu angelegt gehabt

SirEctor

Zitat von einWeber

Aber die 1300 px dürften doch eigentlich keinen Einfluss auf die Darstellung des Videos haben.

Natürlich hat das Einfluss. Du überschreibst per CSS die Inline-Styles. Somit wird der iframe 1300px hoch.

Das Video selbst nimmt sich immer 100% der Höhe des Iframes.

Zitat von einWeber

[COLOR=#333333]Ich habe die Seite jetzt mal künstlich auf über 1300 px verlängert, dann müsste das Video ja eigentlich normal angezeigt werden, tut es aber leider nicht[/COLOR]

Der Iframe wird mit dem selben Code auf 460px Breite begrenzt. Das HTML im Iframe bekommt automatisch ein overflow: hidden und fertig ist der Salat.

son10

Du gibst also den richtigen Code für den iframe ein 640x360 und die Ausgabe im Frontend ist 460x1300?

einWeber

Das schein tatsächlich zu funktionieren ;)
Besten Dank

Nur hat dass nicht auch Auswirkungen auf andere Seiten die mit iframe arbeiten?
Kann ich den iframe für Videos nicht speziallisieren?

Den Aufbau der Seite hatte jemand anders gemacht, daher weiß ich nicht den genauen Sinn der 1300px Begrenzung

Zitat von SirEctor

Natürlich hat das Einfluss. Du überschreibst per CSS die Inline-Styles. Somit wird der iframe 1300px hoch.
Das Video selbst nimmt sich immer 100% der Höhe des Iframes.

Der Iframe wird mit dem selben Code auf 460px Breite begrenzt. Das HTML im Iframe bekommt automatisch ein overflow: hidden und fertig ist der Salat.

SirEctor

Eigentlich würde ich width und height genererell aus der CSS löschen, da man die Iframes immer in sich bestimmt. So kannst du jedem Iframe andere Werte geben, so wie es die anderen hier geschrieben haben.

Ob das Auswirkungen hat? Eigentlich nur, wenn irgendwo ein Iframe nicht sauber eingebunden wurde.

einWeber

Habe mal beide Werte auf auto gestellt.
Da scheint nun aber dennoch ein Mist programmiert wurden zu sein.

Ich lasse die Videos im Bearbeitungsfenster centriert, links und rechts anzeigen und auch in 3 unterschiedlichen Größen.

Dies wird so aber nicht ausgegeben.
Was könnte diese Werte noch überschreiben?

Wie gesagt, ich habe das Theme leider nicht geschrieben und bin auch so neu bei WP, habe meine Websiten damals sonst nur ohne CMS geschrieben...

PS.: über welchen Befehl wird denn eigentlich die screen.css angesprochen? Wenn ich mir den ausgeworfenen Quelltext anschaue, finde ich nirgendwo screen.css

SirEctor

Setz die nicht auf auto, sondern lösche die Angaben in der CSS, zumindest width und height. Meiner Meinung nach könnte aber auch margin, padding und border gelöscht werden.

einWeber

Okay werde ich mal versuchen.

Jedoch haben [COLOR=#333333]margin, padding und border doch eigentlich nichts mit der Größe des Videos zu tun, oder ob sie links, rechts oder zentriert dargestellt werden.[/COLOR]

einWeber

Ich habe gerade festgestellt, dass wenn ich das Video im Backend site editor auf rechts stelle, es auch rechts angezeigt wird.
Veröffentliche ich dann die Seite springt es auch im Editor wieder auf links...
Warum?

Edit: Arbeite ich mit div align funktioniert die Anordnung doch.
Bleibt nur noch die komische Größe der Videos

SirEctor

Zitat von einWeber

Bleibt nur noch die komische Größe der Videos

Bei iframe die width und height komplett aus der css löschen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Youtube Videos werden verzerrt dargestellt

Jetzt mitmachen!