nicht angemeldet
(FLASH,FIREFOX) overflow:hidden läd YouTube-Embed neu
0
(FLASH,FIREFOX) overflow:hidden läd YouTube-Embed neu
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
-
Hallo zusammen,
Gibt es hierfür Workarrounds?
Zum Nachvollziehen:
<html>
<head></head>
<body> //id entfernen
<iframe title="YouTube video player" width="480" height="390"<div id="body">
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></div>
</body>
</html>Den iframe musst du einfach nur ausserhalb des zu ändernden Bereiches legen-
Den iframe musst du einfach nur ausserhalb des zu ändernden Bereiches legen
Das ist leider nicht möglich, da es sich um den Body handelt.
Ich bin aber inzwischen etwas weiter:
Es scheint Firefox-Problem zu sein, in Chrome & Opera wird das Video nicht erneut angefordert.Ist das eine Bugmeldung wert?
Gruß,
jumini-
Den iframe musst du einfach nur ausserhalb des zu ändernden Bereiches legen
Das ist leider nicht möglich, da es sich um den Body handelt.Was soll daran nicht möglich sein? Habs doch gerade selbst gemacht.
Bau ein Div um deinen Content und den iframe ausserhalb. Diesem Div gibst du dann die id.
-
Bau ein Div um deinen Content und den iframe ausserhalb. Diesem Div gibst du dann die id.
Mein Fehler. Das wird nicht klappen ;). Hab wohl noch geträumt.
-
Mein Fehler. Das wird nicht klappen ;). Hab wohl noch geträumt.
Doch nicht geträumt ;) Mein Browser spinnt heut nur ein wenig. Was ist denn eigentlich das Ziel dieser Aktion. Also wenn ich das in einen seperaten Container pack und das Iframe ausserhalb davon erziele ich das selbe ergebnis.
Was willst du damit denn eigentlich?
-
-
-
-