2016-04-12 4 views
1

Ich versuche, ein YouTube-Video mit 100% Breite und Höhe anzuzeigen. Es scheint, dass der iframe selbst tut, was ich will, aber sobald das Video abgespielt wird, ist es nur 100% Breite bis zu 1100px.Iframe-Video 100% Breite

Ich habe versucht, im Internet zu suchen, kann aber keine Lösung finden, um das Video selbst die gleiche Breite wie das Video Poster und Iframe Breite zu bekommen.

+0

Leider gibt es in dieser Frage ist die Verbindung jetzt 404 (Ich denke, die Domain abgelaufen?), So gibt es nicht viel von einer Frage gelassen. Deshalb lohnt es sich, alle code/logs/info in die Frage selbst einzutragen. [Lesen Sie hier mehr] (https://meta.stackoverflow.com/q/254428/472495). – halfer

Antwort

0

Ihr Video hat bereits eine Breite von 100%. Wenn ich mit der rechten Maustaste auf die linke oder rechte Seite des Videos klicke, erscheint das Kontextmenü des Youtube-Videos. Check this screenshot

Ich denke, das Problem ist über Ihr Video. Dein Video hat nicht die richtige Breite und Höhe, um richtig angezeigt zu werden.

0

Try this:

.container { 
 
    position: relative; 
 
    width: 100%; 
 
    height: 0; 
 
    padding-bottom: 56.25%; 
 
} 
 
.video { 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
}
<div class="container"> 
 
<iframe src="https://www.youtube.com/embed/ZLyS2wHiZM8" 
 
frameborder="0" allowfullscreen class="video"></iframe> 
 
</div>

Reference article

0

Ich nehme an, Ihr Video Verhältnis 16: 9 ist. Vielleicht können Sie versuchen, diese:

.container { 
    width: 100vw; 
    height: 56.25vw; 
} 
.video { 
    width: 100%; 
    height: 100%; 
} 

Dies ist ein Beispiel link