Youtube-Video browserunabhängig einbnden

MCL

Hallo zusammen. Ich habe einen Video auf Youtube gehostet, welchen ich auf der Homepage einbettet habe. Im Explorer und Firefox funktioniert dieser auch einwandfrei. Wenn ich die Seite allerdings mit Chrome oder Safari öffne, wird das Video viel kleiner und mit grossen schwarzen Balken angezeigt. Ich habe im Web verschiedenste Codes gefunden, um dies zu verhindern, hat allerdings alles nicht funktioniert. Kann mir da jemand weiterhelfen? Ich wäre sehr dankbar!

Vielen Dank schon jetzt! LG

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

Ein Link zur Problemseite wäre dann echt hilfreich.

MCL

Hier der Link zur Seite: http://gastfreundschaft-zentralschweiz.ch/

Folgenden Code habe ich eigegeben:
<br><div class="elastic-video-wrapper"><div class="elastic-video"><iframe src="https://www.youtube.com/embed/zHVvlPMq…el=0&autoplay=1" width="600" height="338" frameborder="0"></iframe></div></div>

SirEctor

Da du eine Tabelle nutzt, musst du entweder die erste Spalte auf 600px bringen

Code

table#tablepress-15 td.column-1 {
    width: 600px;
}

oder für iframe in der css die max-width von 100% aufheben.

Responsive sind solche Tabellen dann aber nicht mehr.

MCL

Vielen Dank, mit der Einstellung der Tabellenbreite hat es funktioniert!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Youtube-Video browserunabhängig einbnden

Jetzt mitmachen!