Youtube通道嵌入尺寸

时间:2012-04-14 20:20:26

标签: php javascript youtube embed

enter image description here好的,基本上我使用了以下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>

它嵌入了一个带有可怕蓝色背景的视频幻灯片的蓝色小盒子,但是如何让视频播放器稍微大一点并改变背景?...嵌入代码不会让我做任何事。任何帮助,将不胜感激!

1 个答案:

答案 0 :(得分:2)

是否必须使用Google模块?你做出改变不会有太大的灵活性。

为什么不使用YouTube API's JSON回复?这样,您就可以通过JavaScript获得所需的视频。

以下是您想要的频道的JSON Feed: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/