Hallo zusammen,
Leider bewirkt das Ändern der CSS-Eigenschaft "overflow" für den Body-Tag, dass enthaltene YouTube-Embedings neu geladen werden, was natürlich dazu führt, dass bereits angefangene Videos von vorne beginnen.
Gibt es hierfür Workarrounds?
Zum Nachvollziehen:
<html>
<head></head>
<body id="body">
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/cIvXLOI5xKg" frameborder="0" allowfullscreen></iframe>
<h1>➛ <a href="javascript:void(0)" onclick="toggleOverflow()">toggle Body-Overflow</a>.</h1>
<p id="forceScrollbars" style="font-size:100px;line-height:80px"></p>
<script type="text/javascript">
for(var i=0; i<150; i++){
document.getElementById('forceScrollbars').innerHTML += '&#'+(Math.floor(Math.random() * (10170 - 10081)) + 10081)+'; ';
}
function toggleOverflow(){
var body = document.getElementById('body');
alert("jetzt wird ausgeführt:\nbody.style.overflow = '"+(body.style.overflow == 'hidden' ? 'visible' : 'hidden')+'"');
body.style.overflow = body.style.overflow == 'hidden' ? 'visible' : 'hidden';
}
</script>
</body>
</html>
Gruß,
jumini