Fancybox affiche une page blanche avec IE7

J'essaie de charger une vidéo YouTube avec Fancybox. Il fonctionne avec tous les navigateurs, mais il semble avoir un problème avec IE7, il montre seulement une page blanche vierge. Je ne sais pas ce que j'ai fait de mal ici, j'ai testé l'exemple en ligne et cela fonctionne avec IE7, http://fancybox.net/blog. J'ai aussi pris mon code d'eux.Fancybox affiche une page blanche avec IE7

Alors, voici mon code sur la page d'accueil (où se trouve la vidéo):

<a href="http://www.youtube.com/watch?v=sqC3tk_-e7g" title="The Problem" id="homevideo1"> 
    <span class="playButton"></span> 
    <img width="170" src="/images/all/video-image1.jpg" alt="" /> 
    <div class="videoTitle">The Problem</div> 
</a>

et, ceci est mon script pour la vidéo:

SetupVideos = function(){ 
    $("#homevideo1").click(function() { 
     $.fancybox({ 
      'padding'  : 0, 
      'autoScale'  : false, 
      'transitionIn' : 'none', 
      'transitionOut' : 'none', 
      'title'   : this.title, 
      'width'  : 740, 
      'height'  : 495, 
      'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
      'type'   : 'swf', 
      'swf'   : { 
       'wmode'  : 'transparent', 
       'allowfullscreen' : 'true' 
      } 
     }); 
     return false; 
    }); 
}

Il pourrait être quelque chose à voir avec CSS, je ne suis pas trop sûr ... Mais je n'ai pas touché le .css qui vient avec le plug-in du tout

Des idées?

Merci.

Source

2010-07-16 Synotte

Vous devez mettre votre événement click jquery dans le document prêt, comme celui-ci

$(document).ready(function(){ 
    $("#homevideo1").click(function() { 
     $.fancybox({ 
      'padding'  : 0, 
      'autoScale'  : false, 
      'transitionIn' : 'none', 
      'transitionOut' : 'none', 
      'title'   : this.title, 
      'width'   : 740, 
      'height'  : 495, 
      'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
      'type'   : 'swf', 
      'swf'   : {'wmode':'transparent','allowfullscreen':'true'} 
     }); 
     return false; 
    }); 
});

Essayer sur here (jsfiddle)

Source

2010-07-16 18:15:34 Philippe

Merci pour la réponse, je l'ai essayé juste au cas où, mais c'est malheureusement pas la source de mon problème. En fait, le plug-in Fancybox et la vidéo Youtube fonctionnent sur tous les autres navigateurs que IE7. – Synotte

Ensuite, le problème provient d'une autre partie du code que vous n'avez pas publiée. Probablement dans l'utilisation de SetupVideos() parce que j'ai testé votre code avec IE7. C'est le seul navigateur IE que je pourrais utiliser quand je réponds. Et cela fonctionne aussi dans jsfiddle. – Philippe

Synotte,

moi aussi eu des problèmes avec IE7 (pas YouTube, mais intégration vidéo).

Enlever le rembourrage de la carte a fonctionné pour moi, pour une raison quelconque, il réduisait la largeur de la vidéo à zéro.

Peut ne pas être votre problème, mais vaut la peine d'essayer.

Adam

Source

2010-07-20 14:21:14

Fancybox affiche une page blanche avec IE7

Répondre

Questions connexes