如何使用jQuery嵌入youtube视频?

时间:2011-06-16 17:54:23

标签: jquery html drupal youtube integration

我正在使用drupal 6.22,我想显示我的youtube图片视频,其中包含标题,发布日期和观看次数。

我正在寻找一个模块,但我认为最好用json创建一个块。问题是比我的脚本更老的drupal jquery,一切都爆炸了。

结果:
图1
Title = Teo Unified 2010
2010年7月9日| 264次观看次数

图片2
Title = Teo Communications 2010
2010年7月9日| 264次观看次数

图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);

1 个答案:

答案 0 :(得分:0)

您可以使用Flash插件使用JQuery嵌入Youtube视频。以下是嵌入Youtube视频的语法。您可以指定宽度和高度。

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

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