Essayer de charger une vidéo dynamiquement à partir d'une galerie

Question

ce code est supposé faire, c'est lorsque l'utilisateur clique sur l'image dans le #thummbnails_div, le texte dans #show_div est remplacé par la vidéo youtube avec cet ID. Depuis que je suis nouveau ici je ne peux pas poster des images. Donc le code pour insérer une image est incorrect je sais. Merci d'avance.

<script type="text/javascript"> $(document).ready(function(){$("#thumbnails_div img").click(function(){ var youtubeID=$(this).attr("id"); $("#show_div").empty(); $("#show_div").append("<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/+youtubeID+rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.come/v/"+youtubeID+"$rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>"); }); }); </script>  <divid="show_div">Click pic below to see video</ div> <div id="thumbnails_div"><image id="OrgSdZH_rkU" src="http://img.youtube.com/vi/OrgSdZH_rkU/default.jpg" /></div> 

Answer 1

Vos citations sont si mal dans la méthode ajouter jQuery, il ressemble à ceci lorsque vous essayez d'embellir le code

$(document).ready(function() { 
$("#thumbnails_div img").click(function() { 
    var youtubeID = $(this).attr("id"); 
    $("#show_div").empty(); 
    $("#show_div").append("<object width=" 
    425 " height=" 
    355 "><param name=" 
    movie " value=" 
    http: //www.youtube.com/v/+youtubeID+rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.come/v/"+youtubeID+"$rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>"); }); }); 

Vous devez échapper à vos guillemets doubles avec \ ou vous devez utiliser un guillemets simples pour entourer la chaîne. JavaScript 101.