html5media & flowplayer problèmes wmode

Question

Je travaille sur notre nouvelle page d'accueil et j'ai besoin de mettre en œuvre une solution qui va exécuter une vidéo sur iPhone/iPad et les navigateurs Web standard. J'ai trouvé une solution assez décente avec html5media - http://code.google.com/p/html5media/ mais a couru à travers un problème avec une liste déroulante jquery tombant derrière l'objet swf (ceci se produit uniquement sur FF & IE - fonctionne bien sur Safari & Chrome car il charge mp4 au lieu d'un objet swf) .

Je sais que le problème est le paramètre wmode mais ne peut pas pour la vie de moi comprendre où placer dans le html5media (http://html5media.googlecode.com/svn/trunk/src/html5media.min.js). Je souhaite que quelqu'un puisse m'aider ou éventuellement me donner une meilleure solution de mise en œuvre de la vidéo. Vous pouvez voir la page de développement sur idssite (dot) com/development/index.php - Désolé je ne peux pas lier Je suis arrêté par le mécanisme de prévention du spam.

Merci

Answer 1

j'ai vécu ce problème avant et je pense que la réponse est juste d'ajouter une propriété « z-index » au style déroulant. Je suppose que vous avez quelque chose comme un UL ou un DIV contenant votre menu, alors ajoutez simplement "z-index: 10" ou autre.

j'écrit à ce sujet pendant quelque temps en arrière sur mon blog et le correctif est aussi ce que je l'ai mentionné ci-dessus: http://www.cjboco.com/blog.cfm/post/css-pulldown-menu-displays-behind-an-element-or-picture-in-ie7

Sons comme la même chose. J'espère que cela aide.

Answer 2

Comment passer le wmode = paramètre transparent dans Flowplayer:

Flowplayer attend trois arguments dans l'appel embed.
1) ID du conteneur
2) Paramètres. (String ou objet)
3) Configuration (plugins ou paramètres d'apparence)

Plus de détails: http://flowplayer.org/documentation/api/flowplayer.html

Le paramètre Wmode doit être passé à travers le 2ème argument. Si c'est une chaîne, Flowplayer s'attend à ce que ce soit l'URL du lecteur Flash. Pour passer des paramètres supplémentaires, il doit être fait en tant qu'objet JSON.

Non wmode:

$f("video-player", "flowplayer.swf" { 
     plugins: { 
      controls: { 
      buttonOffColor: "#4523d3", 
      borderRadius: "0", 
      sliderColor: "#4523d3" 
     } 
    } 
}); 

Avec wmode:

$f("video-player", { 
      src:"flowplayer.swf", 
      wmode:"transparent" 
     }, { 
     plugins: { 
      controls: { 
      buttonOffColor: "#4523d3", 
      borderRadius: "0", 
      sliderColor: "#4523d3" 
     } 
    } 
});