Reprendre la lecture d'un fichier swf après l'avoir caché
Salut,
Quand nous appliquons le style display="none" à l'élement HTML contenant un objet Flash, la lecture du fichier .swf est interrompue.
Par contre, lorsque nous appliquons le style display="block", le comportement du lecteur Flash diffère :
- Avec IE (*) (paramètre de l'objet Flash wmode == "window")
La lecture du fichier .swf reprend à partir de là où il s'était arreté
- Avec IE (*) (paramètre de l'objet Flash wmode != "window") ainsi que Firefox, Opera, Safari et Chrome
La lecture du fichier .swf reprend à partir du début
Je souhaiterais reproduire le cas #1 quelque soit le navigateur utilisé, et ceci sans feinte (sans jouer avec les dimensions du lecteur Flash).
Est-ce possible ?
EDIT :
Je viens de faire un test avec une vidéo hébergée chez Youtube...
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">/*<![CDATA[*/
#txt {text-decoration:underline;color:#0000ff;cursor:pointer}
#obj {display:block}
/*]]>*/
</style>
<script type="text/javascript">//<![CDATA[
var o,t,v=true;
function init(){
o=document.getElementById('obj');
t=document.getElementById('txt');
t.onclick=function(){
v=!v;
t.innerHTML=(v)?'Cacher':'Afficher';
o.style.display=(v)?'block':'none';
};
}
window.onload=init;
//]]>
</script>
</head>
<body>
<p>[ <span id="txt">Cacher</span> ] la vidéo</p>
<div id="obj">
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/dg41Pxm7qB4?version=3&hl=fr_FR&rel=0" width="560" height="349">
<param name="movie" value="http://www.youtube.com/v/dg41Pxm7qB4?version=3&hl=fr_FR&rel=0" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="window" />
</object>
</div>
</body>
</html> |
:fleche: Avec IE, la lecture continue même si le conteneur de la balise <object> est caché.
(*) Version 8 d'IE...