diedVIPs

html knowhow

Iframe-Größe nach Usergeräte






Iframe-Größe nach Usergeräte

Der Iframe ändert sich in der Größe je nach dem Endgerät
So sieht´s aus




Quellcode
<html>
<head>

<style>
.container {position: relative; width: 100%; overflow: hidden; padding-top: 56.25%; /* 16:9 Aspect Ratio */}
.responsive-iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none;}
</style>
</head>

<body >
<div class="container"><iframe class="responsive-iframe" src="../Bilder/Babys.mp4"></iframe></div><br/><br />
</body>

</html>




Kontakt    Datenschutz   Impressum