2010-10-04 11 views
0

J'essaie d'obtenir une vidéo YouTube pour jouer dans une fenêtre popup fancybox. La fenêtre contextuelle s'affiche, mais la vidéo n'est pas lue. Firebug indique que tous les éléments nécessaires sont en cours de chargement, mais pas de vidéo.Pourquoi le contenu vidéo YouTube ne s'affiche pas?

Sur this page tout fonctionne bien.

Sur this page la fenêtre s'ouvre, mais pas de vidéo.

Voici le code html:

<div id="play-btn"> 
    <a class="play-video" href="#flashArea1">Play Video</a> 
</div> 
<div style="display:none"> 
<div id="flashArea1" class="flashArea1" style="height:376;"><p>This content requires the Adobe Flash Player.<br /><a href="http://www.adobe.com/go/getflashplayer"> 
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /><br />Get Flash</a></p> 
</div> 

<script type="text/javascript"> 
var mainswf = new SWFObject("youtube_player_standalone.swf", "main", "600", "250", "9", "#000000"); 
mainswf.addParam("scale", "noscale"); 
mainswf.addParam("wmode", "window"); 
mainswf.addParam("allowFullScreen", "true"); 
mainswf.addVariable("youtube_id", "_EC2tmFVNNE"); 
mainswf.addVariable("title", "Harry Potter and the Deathly Hallows"); 
mainswf.addVariable("controls_always_on", "false"); 
mainswf.addVariable("controls_fade_out_time", "5"); 
mainswf.addVariable("volume_cookie_on", "true"); 
mainswf.write("flashArea1"); 
</script> 
</div><!-- end flash --> 

Voici le jQuery qui apparaît la boîte:

<script type="text/javascript"> 
$(document).ready(function() { 
$("a.play-video").fancybox({ 
'hideOnContentClick': false 
}); 
}); 
</script> 

Je vous serais reconnaissant toute aide. Merci.

Répondre

0

essayer de valider votre page aussi pour une raison quelconque vous avez du code php montrant dans votre source, je fixerais ce genre de choses d'abord, puis peut-être votre youtube montrera

vous avez deux instances du même code swf dans votre html essayer tangue un d'entre eux

-à-dire

<div style="display:none"> 
<div id="flashArea3" class="flashArea3" style="height:376;"><p>This content requires the Adobe Flash Player.<br /><a href="http://www.adobe.com/go/getflashplayer"> 
         <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /><br />Get Flash</a></p> 

    </div> 

    <script type="text/javascript"> 
    var mainswf = new SWFObject("youtube_player_standalone.swf", "main", "600", "250", "9", "#000000"); 
    mainswf.addParam("scale", "noscale"); 
    mainswf.addParam("wmode", "window"); 
    mainswf.addParam("allowFullScreen", "true"); 
    mainswf.addVariable("youtube_id", "_EC2tmFVNNE"); 
    mainswf.addVariable("title", "Harry Potter and the Deathly Hallows"); 
    mainswf.addVariable("controls_always_on", "false"); 
    mainswf.addVariable("controls_fade_out_time", "5"); 
    mainswf.addVariable("volume_cookie_on", "true"); 
    mainswf.write("flashArea3"); 
    </script> 

+0

J'ai désactivé le php - qui est pour amener dans les aliments pour blog Wordpress. La page valide, mais toujours pas de vidéo. – fmz

+0

@fmz voir modification ci-dessus – mcgrailm

+0

À l'heure actuelle, ils font tous référence au même fichier SWF de lecteur de fichiers, mais toutes les instances ont des ID uniques. – fmz