jumini: (FLASH,FIREFOX) overflow:hidden läd YouTube-Embed neu

Beitrag lesen

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>&#x279B; <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