Safari Flash WMODE ne fonctionne pas - quelque chose de mal avec cette intégration?

Question

J'ai un problème avec cette intégration dans Safari. Cela fonctionne très bien sur tous les autres navigateurs, Internet Explorer 6 inclus. Le problème est que l'intégration semble sauter à la couche supérieure, en ignorant toutes les instructions z-index ou de positionnement. Ceci est important, car plusieurs fonctions de conception HTML sont superposées sur le Flash.

Cette Embed a été écrit pour travailler avec SWFobject, mais ne fonctionne toujours pas quand:

1. swfobject désactivé
2. wmode = transparent/opaque/retiré entièrement

Est-ce un problème avec Safari ou le code? Et si c'est le code, que fait Safari différemment de tous les autres navigateurs?

<object id="Flash_Banner" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="950" height="400" title=""> 
    <param name="movie" value="ui.swf" /> 
    <param name="quality" value="high" /> 
    <param name="wmode" value="opaque" /> 
    <!--[if !IE]>--> 
     <object type="application/x-shockwave-flash" data="ui.swf" width="950" height="400" title=""> 
      <param name="quality" value="high" /> 
      <param name="wmode" value="opaque" /> 
    <!--<![endif]--> 
     <div id="banner_slider"><img src="images/banners/case.jpg" width="950" height="400" alt="" /></div> 
    <!--[if !IE]>--> 
     </object> 
    <!--<![endif]--> 
</object> 

Answer 1

Je reçois la même chose avec Safari pour Windows et ça fonctionne très bien sur Safari pour Mac. Cela peut donc être un bug dans Safari pour Windows.

Answer 2

Pouvez-vous publier un lien vers une page d'exemple de ce que vous essayez d'accomplir?

J'ai mis en place une démo en utilisant votre code et un peu de contenu ici: http://demo.raleighbuckner.com/so/1270978/

Ne sachant pas comment votre autre contenu est mis en place, j'ai choisi de mettre l'élément flash dans un <div> et le contenu dans un < div séparé >. Le conteneur flash est positionné de façon absolue pour le retirer du flux de la page et permettre au contenu de le déplacer.

J'ai également ajouté un autre test à la page avec le wmode défini sur "transparent".

Voici ce que je vois dans IE7, FF3 et Safari 4 avec Flash Player 10:

• apparaissent deux zones de contenu au-dessus du flash.
• Le flash supérieur ne laisse pas apparaître l'arrière-plan de la page.
• Le flash du bas permet d'afficher l'arrière-plan de la page.

Si vous voyez la même chose, il y a probablement quelque chose d'autre dans votre HTML qui jette des choses. Postez un lien vers votre page et je verrai ce que je peux comprendre.

Si vous ne voyez pas la même chose, il se peut que votre Safari et/ou Flash Player aient un problème.

Answer 3

C'est un bug sur safari sur windows. J'ai essayé safari sur Mac 3.0-4.0.4 et ça marche bien.

Answer 4

Si vous n'utilisez pas Flash player 10.0.45.2, il existe un bogue d'index z avec la version Windows de Safari pour les versions précédentes du lecteur Flash.

Answer 5

Rien ne se passera après la mise à jour de votre navigateur ou de votre lecteur flash. En safari, le wmode = "transparent" ne vous permet pas d'insérer du texte dans le champ de saisie. Vous devez garder le wmode = "window/opaque". Il n'y a pas d'autres solutions.

Ma version de safari est 5.1 et flash 11.2.202.333.