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.
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
@fmz voir modification ci-dessus – mcgrailm
À 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