Размеры встраиваемых каналов Youtube

введите описание изображения здесьХорошо, в основном я использовал следующий код для встраивания Youtube Chanel:

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&amp;up_channel=tomdesigner777&amp;synd=open&amp;w=320&amp;h=390&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>

И в него встроена крошечная синяя рамка с видео слайд-шоу с ужасным синим фоном, но как мне сделать видеопроигрыватель немного больше и изменить фон? ... Код встраивания не позволяет мне ничего делать. Любая помощь будет оценена по достоинству!


person Tom Duffy    schedule 14.04.2012    source источник
comment
нет, это кодируется на моем локальном хосте.   -  person Tom Duffy    schedule 15.04.2012


Ответы (1)


Обязательно ли использовать модуль Google? Вы не получите особой гибкости при внесении изменений.

Почему бы не использовать ответ YouTube API JSON? Таким образом, у вас будет полная гибкость в получении нужного видео с помощью JavaScript.

Вот фид JSON для нужного вам канала: https://gdata.youtube.com/feeds/api/users/tomdesigner777/uploads?v=2&alt=jsonc&max-results=5

Обновлять

Вот код, который вы можете использовать для получения видео с канала загрузки пользователя YouTube. На данный момент этот код случайным образом выводит одно видео при каждом обновлении страницы:

$(document).ready(function() {
    var randNumber = RandNo(1,5);
    
    $.ajax({
        type: "POST",
        url: "https://gdata.youtube.com/feeds/api/users/tomdesigner777/uploads?v=2&alt=jsonc&max-results=5",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "jsonp",
        success: function(result) {
            var data = result.data;
            
            $("#yt").html("<iframe width='560' height='315' src='http://www.youtube.com/embed/" + data.items[randNumber].id + "' frameborder='0' allowfullscreen></iframe>");
        }
    });
});

function RandNo(min,max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
}

Полное решение: http://jsfiddle.net/sbhomra/kCSsX/

person sbhomra    schedule 14.04.2012
comment
Смотрите, я новичок в API YouTube, и это меня действительно смущает, я понятия не имею, о чем они говорят: S Тем не менее, спасибо за ответ :) - person Tom Duffy; 15.04.2012
comment
@Tom Duffy: Я сейчас пытаюсь что-нибудь приготовить для тебя. :-) - person sbhomra; 15.04.2012
comment
Действительно :) Было бы здорово! - person Tom Duffy; 15.04.2012
comment
Забыл добавить. Вам нужно будет добавить jQuery Framework, чтобы это работало на вашей собственной странице. - person sbhomra; 15.04.2012