FancyBox 2 paramètre Wmode YouTube ne pas activer

Question

Pour une raison quelconque, je ne peux pas tout à fait des éléments de position avec un z-index ensemble à 9999 apparaître sur mon FancyBox avec YouTube iframe, même si j'ai mon paramètre wmode réglé sur opaque, même le ' X » bouton Fermer:

FancyBox v2.1.3

FancyBox médias v1.0.5

JS:

(function($) { 
    $(function() { 

     $('#splash-video') 
      .fancybox({ 
       fitToView : true, 
       width  : '100%', 
       height : '100%', 
       margin : 10, 
       padding : 0, 
       helpers : { 
        media : true 
       }, 
       youtube : { 
        params : { 
         autoplay : 1, 
         fs  : 1, 
         hd  : 1, 
         rel  : 0, 
         showinfo : 0, 
         wmode : 'opaque' // this no worky 
        } 
       } 
      }); 

     $('.skip-video').on('click', function() { 
      $.fancybox.close(); 
      $(this).remove(); 
     }); 

     setTimeout(function() { 
      $.fancybox.close(); 
      $('.skip-video').remove(); 
     }, 64000); 
    }); 
})(jQuery); 

HTML:

<a id="splash-video" href="http://www.youtube.com/watch?v=dQw4w9WgXcQ"></a> 
<a href="#" class="skip-video">Skip Video</a> 

L'active au-dessus de mon FancyBox qui est cliquez déclenché alors apparaître, tout en ayant ma .skip-video position d'ancrage sur le dessus, mais il ne fonctionne pas. Les deux transparents et opaques semblent n'avoir aucun effet sur n'importe quel navigateur; le bouton de fermeture "X" et div sont au-dessus de la vidéo YouTube dans Chrome, mais littéralement aucun autre navigateur majeur (FF, IE7-9, Opera et Safari). Dans l'ensemble, je pense qu'aucun des paramètres YouTube ne fonctionne.

MISE À JOUR:

Il travaille maintenant grâce à Janis 'aide :). Je modifié mon Fancybox JS:

$('#splash-video') 
    .fancybox({ 
     fitToView : true, 
     width  : '100%', 
     height : '100%', 
     margin : 0, 
     padding : 0 
    }); 

et changé l'ancre à:

<a id="splash-video" class="fancybox.iframe" href="http://www.youtube.com/embed/opj24KnzrWo?autoplay=1&amp;autohide=1&amp;fs=1&amp;rel=0&amp;hd=1&amp;wmode=opaque&amp;enablejsapi=1"></a> 

grand succès!

Answer 1

1. Pourquoi pensez-vous qu'aucun des paramètres ne fonctionne? Votre vidéo démarre-t-elle automatiquement? Si vous vérifiez les outils de développement, la source iframe ressemble-t-elle à ceci?
   http://www.youtube.com/embed/opj24KnzrWo?autoplay=1&autohide=1&fs=1&rel=0&hd=1&wmode=opaque&enablejsapi=1
   Si oui, alors le script fonctionne parfaitement bien.

2. Je ne sais pas comment essayez-vous exactement pour obtenir absolument éléments de position apparaissent sur la FancyBox et pourquoi il ne fonctionne pas pour vous, mais cela fonctionne bien pour moi:

   $(".fancybox") 
   .attr('rel', 'gallery') 
   .fancybox({ 
       openEffect : 'none', 
       closeEffect : 'none', 
       nextEffect : 'none', 
       prevEffect : 'none' 
   });​ 
   

   Test case.