24.08.2023, 12:17
|
|||
|
|||
Responsive Youtube iFrame in Größe begrenzen?
Hallo Zusammen,
ich habe ein Youtube Video mit css responsive eingebunden. Es funktioniert super, dass das Video auch auf dem Smartphone in passender Größe dargestellt wird. Nun hätte ich aber gerne, dass das Video (auf dem PC / Desktop-Browser) nicht zu groß angezeigt wird, damit man nicht erst scrollen muss, um den Inhalt darunter zu sehen. Also die Maximalgröße sollte beschränkt werden. Wie lässt sich dies umsetzen? Hier der Code: Code:
div class="responsive-video"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" frameborder="0" height="441" src="https://www.youtube-nocookie.com/embed/kX2NjiZ1RvY" title="YouTube video player" width="784"></iframe></div>
<p> </p>
<style type="text/css">.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
</style>
Viele Grüße, Patrick 
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Video von youtube responsive in Webseite einbauen | R14 | (X)HTML | 1 | 28.01.2019 22:39 |
| Text, iframe und Buttons in selbe Zeile sowie Größe des iframe = deren Inhalt | halloICKEbins2 | CSS | 5 | 12.12.2018 12:22 |
| iframe größe ändern? | S3bas7ian | (X)HTML | 4 | 20.04.2015 16:21 |
| ein iFrame mit variabler Größe platzieren | Cycophyp | CSS | 5 | 08.03.2011 15:19 |
| iframe Größe bei Laden des Inhalts an dessen Größe anpassen | wiseguy | Javascript & Ajax | 0 | 24.06.2007 23:04 |
Linear-Darstellung
