Youtube per iframe einbetten
Einbettungscode:
<div class="responsive-video rahmen">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/fO4dMWzjdss?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
Mit folgendem CSS -Code das Video in der Breite immer dem umschließenden Container anpassen. Also üblicherweise dem Content.
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
.responsive-video iframe {
width:100%;
height:100%;
left:0;
top:0;
position:absolute; }