diedVIPs

html knowhow

Framegröße mit Schieberegler ändern









Framegröße mit Schieberegler ändern

So sieht´s aus


10%100%


Quellcode
<html>
<head>

<style type="text/css">
#page {margin: auto;}
.video-wrapper {position: relative; padding-bottom: 56%;}
.video-wrapper iframe {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
</style>
</head>

<body >
<span>10%</span><input type="range" id="adjust" value="75" min="10" max="100" onchange="adjustWidth(this);" /><span>100%</span>
<div id="page"><div class="video-wrapper"><iframe width="560" height="315" src="http://meinsolargarten.de/Bilder/videos/Eichhörnchen.mp4" frameborder="0" allowfullscreen></iframe></div></div>
<script>
adjustWidth(document.getElementById("adjust"));
function adjustWidth(slider) {
document.getElementById("page").style.width = slider.value + "%";}
</script>
</body>

</html>








Kontakt    Datenschutz    Impressum