試圖從圖庫中動態加載視頻

此代碼假設要做的是當用戶單擊#thummbnails_div中的圖像時，#show_div中的文本被帶有該ID的YouTube視頻替換。由於我是新來的，我無法發佈圖片。所以插入圖像的代碼是不正確的，我知道。提前致謝。試圖從圖庫中動態加載視頻

<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>

來源

2010-11-01 Xboy

現在會發生什麼？ – Shoban 2010-11-01 01:59:48

你的報價都在jQuery的追加方法錯了，它看起來像這樣，當您試圖美化代碼

$(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>"); }); });

您需要使用\來逃避雙引號，或者你應該使用單引號圍繞字符串。 JavaScript 101.

來源

2010-11-01 02:50:12 epascarello

試圖從圖庫中動態加載視頻

回答

相關問題