Использование jQuery для добавления видео на YouTube? - PullRequest
Новая
       42

Использование jQuery для добавления видео на YouTube?

0 голосов
/ 17 ноября 2010

Мне нужно добавить "& rel = 0" в конец тега SRC конца из кода для вставки YouTube. Именно там, где «xCODE НЕОБХОДИМО ИДТИ ЗДЕСЬ» находится именно там, где мне нужно разместить & rel = 0. Есть ли способ сделать это с помощью функции Append jQuery? 

<embed src="http://www.youtube.com/v/S6I6Fc5mJeE&hl=en_US&fs=1xCODE NEEDS TO GO HEREx" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="284" height="171"></embed>

Мне нужна эта функциональность, потому что у нас есть несколько видео на нашем сайте, и очень сложно найти нужную таблицу базы данных и изменить ее, чтобы исправить это.

Пожалуйста, помогите!

Адам

Ответы [ 3 ]

1 голос
/ 17 ноября 2010

Есть ли причина, по которой вы не можете делать это с обычным старым jQuery? 

$('embed[src^=http://www.youtube.com/]').attr('src', function (i, v)
{
    return v + '&rel=0';
});

Кажется, это работает для меня.http://jsfiddle.net/mattball/tt3AG/

1 голос
/ 17 ноября 2010

Попробуйте это: 

 var __mainDiv;
 var __preLoaderHTML;
 var __opts;

 function __jQueryYouTubeChannelReceiveData(data) {

     var cnt = 0;

     $.each(data.feed.entry, function(i, e) {
         if (cnt < __opts.numberToDisplay) {
             var parts = e.id.$t.split('/');
             var videoId = parts[parts.length-1];
             var out = '<div class="video"><a href="' + 
                  e.link[0].href + '"><img src="http://i.ytimg.com/vi/' + 
                  videoId + '/2.jpg"/></a><br /><a href="' + 
                  e.link[0].href + '">' + e.title.$t + '</a><p>';
             if (!__opts.hideAuthor) {
                 out = out + 'Author: ' + e.author[0].name.$t + '';
             }
             out = out + '</p></div>';
             __mainDiv.append(out);
             cnt = cnt + 1;
         }
     });

    // Open in new tab?
    if (__opts.linksInNewWindow) {
        $(__mainDiv).find("li > a").attr("target", "_blank");
    }

    // Remove the preloader and show the content
    $(__preLoaderHTML).remove();
    __mainDiv.show();
}

(function($) {
    $.fn.youTubeChannel = function(options) {
        var videoDiv = $(this);

        $.fn.youTubeChannel.defaults = {
            userName: null,
            channel: "favorites", //options are favorites or uploads
            loadingText: "Loading...",
            numberToDisplay: 3,
            linksInNewWindow: true,
            hideAuthor: false
        }

        __opts = $.extend({}, $.fn.youTubeChannel.defaults, options);

        return this.each(function() {
            if (__opts.userName != null) {
                videoDiv.append("<div id=\"channel_div\"></div>");
                __mainDiv = $("#channel_div");
                __mainDiv.hide();

                __preLoaderHTML = $("<p class=\"loader\">" + 
                    __opts.loadingText + "</p>");
                videoDiv.append(__preLoaderHTML);

                // TODO: Error handling!
                $.ajax({
                    url: "http://gdata.youtube.com/feeds/base/users/" + 
                        __opts.userName + "/" + __opts.channel + "?alt=json",
                    cache: true,
                    dataType: 'jsonp',                    
                    success: __jQueryYouTubeChannelReceiveData
                });
            }
        });
    };
})(jQuery);

Чтобы использовать плагин YouTube, вам просто нужно добавить ссылку на скрипт в библиотеку jQuery и файл jquery.youtube.channel.js. Затем добавьте контейнер для хранения визуализированного HTML-кода, строку JavaScript для подключения всего и немного CSS-кода для форматирования вывода: 

<script type=”text/javascript” src=”jquery.youtube.channel.js”></script>

<div id="youtubevideos"></div>

<script type="text/javascript">
$(document).ready(function() {
$('#youtubevideos').youTubeChannel({
userName: 'diggerdanh',
channel: "favorites",
hideAuthor: false,
numberToDisplay: 6,
linksInNewWindow: true
//other options
//loadingText: "Loading...",
});
});
</script>
0 голосов
/ 17 ноября 2010

Я бы сделал что-то вроде этого непроверенного выражения jQuery: 

$("embed[src]").attr("src", this.attr("src") + "&rel=0");
...