Um den Player dynamisch an die Größe des Inhalts anzupassen, muss das CSS zur Anzeige des iFrames den Formfaktor respektieren. Dies ist ein einfaches CSS, das der Webmaster beachten sollte. Mit zwei kleinen Änderungen kann dies erreicht werden:
<div style="position:relative;padding-bottom:56.25%;">
<iframe style="width:100%;height:100%;position:absolute;left:0px;top:0px;" title="Links für externe Inhalte" src="https://media.video.taxi/embed/6TQrVFhBb69N?title=false" frameborder="0" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture" allowfullscreen=""></iframe>
</div>
Oder reines CSS:
.video_wrapper {
position: relative;
padding-bottom: 56.25%;
}
iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}