【问题标题】:Youtube channel embed sizesYoutube 频道嵌入尺寸
【发布时间】:2012-04-26 18:37:35
【问题描述】:

Ok 所以基本上我使用了以下 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>

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

【问题讨论】:

  • 不,这是在我的本地主机上编码的。

标签: php javascript youtube embed


【解决方案1】:

是否必须使用 Google 模块?在进行更改时,您不会获得太大的灵活性。

为什么不使用YouTube API's 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/

【讨论】:

  • 看到我是 youtube API 的新手,这真的让我很困惑,我不知道他们在说什么 :S 谢谢你的回复 :)
  • @Tom Duffy:我现在正在为你做点什么。 :-)
  • 真的 :) 那太好了!
  • 我忘记添加了。您需要添加一个 jQuery 框架才能在您自己的页面上工作。
猜你喜欢
  • 2015-07-03
  • 2020-09-06
  • 1970-01-01
  • 2013-06-06
  • 1970-01-01
  • 1970-01-01
  • 2011-02-06
  • 1970-01-01
  • 2016-10-27
相关资源
最近更新 更多