18041 sujets

Questions générales et questions de débutants

Chrome : video reste au dessus de lightbox malgré wmode

chers tous
dans ma page j'ai des vidéos (youtube, youtube HD etc...)

j'ai un formulaire en lightbox qui vient de temps en temsps par dessus tout ça

avec firefox, pas trop de problème, le formulaire reste au dessus des vidéos
mais avec google chrome, ie8, malgré le wmode=transparent, certaines vidéos passent au dessus du formulaire (position absolue, z-index élevé...)
est un bug particulier à chrome / IE ou bien ai-je raté un truc ?

merci à vous
Bonsoir,

Une petite page en ligne, même minimaliste (reproduisant le problème rencontré), du code (html/css), serait un plus appréciable si tu souhaites obtenir de l'aide Smiley cligne
Re-bonjour

alors plus de code et détails :
ma div en position absolue (code css 'en dur' et non celui généré par le plugin lightbox_me.js pour tester les problèmes)
------------------------
<div class=popup_connect> Contenu de la div </div>

.popup_connect{
display:block;
position:fixed;
top:300px;
margin-left:600px;
z-index:1002;

}
--------------------------------------
point 1 : la vidéo suivante passe par dessus ma div popup_connect avec ie8 (ok firefox, ok chrome)

<object name="kaltura_player_1316004027" id="kaltura_player_1316004027" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" allowFullScreen="true" height="330" width="400" data="http://www.kaltura.com/index.php/kwidget/wid/1_anjlpnha/uiconf_id/48502"><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="allowFullScreen" value="true" /><param name="bgcolor" value="#000000" /><param name="movie" value="http://www.kaltura.com/index.php/kwidget/wid/1_anjlpnha/uiconf_id/48502"/><param name="flashVars" value=""/><a href="http://corp.kaltura.com">video platform</a><a href="http://corp.kaltura.com/video_platform/video_management">video management</a><a href="http://corp.kaltura.com/solutions/video_solution">video solutions</a><a href="http://corp.kaltura.com/video_platform/video_publishing">video player</a></object>

---------------------------------------------------------

point 2 : la vidéo suivante passe par dessus ma div popup_connect avec ie8 et chrome (ok firefox)
cette vidéo est du youtube HD

<iframe width="480" height="204" frameborder="" src="http://www.dailymotion.com/embed/video/xhdlbd" allowtransparency="true">
(....<html ><body> ici je ne mets pas tout l'enchainement de balises)
<object>

<param value="transparent" name="wmode">
<embed id="iframe-embed" width="100%" height="100%" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" src="/swf/video/xhdlbd?enableApi=0&playerapiid=iframe-embed&referer=http%3A//local-lelab.fuzu.me/lelab_dev.php/fuzutopic/32&parentURL=http%3A//local-lelab.fuzu.me/lelab_dev.php/fuzutopic/32&isInIframe=1&_=" type="application/x-shockwave-flash">
</object>

</html ></body>

</iframe>
------------------------------------------


je précise que j'ai ajouté avec un js ceci :

$('embed').attr('wmode','transparent');
$('iframe').attr('allowtransparency','true');
$('object').append("<param name='wmode' value='transparent'>").wrap('<div>');
$('object').attr('wmode','transparent');
Sujet clos
Aller à