Как я могу встроить YouTube видео с помощью JQuery? - PullRequest
0 голосов
/ 16 июня 2011

Я использую drupal 6.22 и хочу показать мое видеоизображение на YouTube с заголовком, датой публикации и просмотром.

Я искал модуль, но я думаю, что лучше создать блок с помощью json.Проблема в том, что друпал jquery старше моего сценария, и все взрывается.

Результат:
Изображение 1
Название = Teo Unified 2010
9 июля 2010 |264 просмотра

Изображение 2
Название = Teo Communications 2010
9 июля 2010 |264 просмотра

Изображение 3
Заголовок = Unified free
9 июля 2010 |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 голосов
/ 28 июля 2011

Вы можете вставлять Youtube видео с помощью JQuery, используя плагин Flash. Вот синтаксис для встраивания видео Youtube. Вы можете указать ширину и высоту.

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

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

...