如何使用jQuery嵌入youtube視頻？

我正在使用drupal 6.22，我想顯示標題，發佈日期和視圖的YouTube視頻。如何使用jQuery嵌入youtube視頻？

我正在尋找一個模塊，但我認爲最好用json創建一個塊。問題是drupal jquery比我的腳本老，一切都爆炸。

結果：
圖像1
名稱=張志賢統一2010
2010年7月9日| 264意見

圖片2
標題= Teo Communications 2010
2010年7月9日| 264 views

圖片3
標題=統一免費
2010年7月9日| 264層的觀點

我的代碼是：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script> 
<script type="text/javascript" src="/sites/all/modules/jquery_update/replace/jquery.min.js"></script> 
<script type="text/javascript"> 
(function($){ 
    $.getJSON(

    "http://gdata.youtube.com/feeds/api/videos?max-results=5&orderby=published", 
    { 
     author:"MrTeotech", 
     alt:"json", 
    }, 
    function(data) { 



    $.each(data.feed.entry, function(i, item) { 

    var updated = item.updated; 
    var title = item.title['$t']; 

    var url = item['media$group']['media$content'][0]['url']; 
    var link = item['link'][0]['href']; 
    var thumb = item['media$group']['media$thumbnail'][0]['url']; 
    var numViews = item['yt$statistics']['viewCount']; 

    var month=new Array(12); 
    month[0]="Jan"; 
    month[1]="Feb"; 
    month[2]="Mar"; 
    month[3]="Apr"; 
    month[4]="May"; 
    month[5]="Jun"; 
    month[6]="Jul"; 
    month[7]="Aug"; 
    month[8]="Sep"; 
    month[9]="Oct"; 
    month[10]="Nov"; 
    month[11]="Dec"; 

    var date = new Date(item['published']['$t']); 
    var date = month[date.getMonth()] + " " + date.getDate() + " " + date.getFullYear(); 

    $("#output").append("<div><div class=\"izq\"><a target=\"new\" href=\""+link+"\"><img src=\""+thumb+"\" height=\"80px\"/></a></div><div class=\"der\"><a target=\"new\" href=\""+link+"\">"+title+"</a><br/><br/>"+date + " | "+ numViews+" views" + "</div></div>"); 
    }); 
}); 
})(jQuery);

來源

2011-06-16 Il niko

您應該編輯透露更多的細節有關「問題是Drupal的jquery的年紀比我的劇本，一切都爆炸了。」 – Will 2011-06-16 18:01:19

一件事，看起來好像你有兩次在你的頁面中包含jQuery並且可能是衝突的。你如何使用jquery_update模塊？ – Laxman13 2011-06-16 18:37:07

您可以嵌入使用JQuery的Flash插件的YouTube視頻。以下是嵌入Youtube視頻的語法。您可以指定寬度和高度。

<p><a href="http://www.youtube.com/v/rFY1AF4r3Ts">My great YouTube video</a></p>

http://jquery.lukelutman.com/plugins/flash/

來源

2011-07-28 18:34:10 desbest

如何使用jQuery嵌入youtube視頻？

回答

相關問題