如何将 youtube 频道嵌入网站?

Posted

技术标签:

【中文标题】如何将 youtube 频道嵌入网站?【英文标题】:How to embed youtube channel into site? 【发布时间】:2011-10-12 04:47:57 【问题描述】:

将整个 youtube 频道嵌入网站的最佳方式是什么?看起来“自定义播放器”生成器最近停产了..

我寻找的不仅仅是带有滚动条的视频。我想尽可能地复制实际频道的体验(例如,请参见屏幕截图)。

有人对如何实现这一点有任何想法吗?

注意:我有一个 wordpress 网站,也没有看到任何插件??

【问题讨论】:

【参考方案1】:

从新频道页面中的“全部播放”按钮获取播放列表 ID,例如,在精选视频之后立即查看 www.youtube.com/user/google。

http://www.youtube.com/watch?v=qCtQ2UiRkZw&list=UUK8sQmJBp8GCxrOtXWBpyEA

其中 UUK8sQmJBp8GCxrOtXWBpyEA 是播放列表 ID。

并使用它为 iframe 创建 URL:

http://www.youtube.com/embed/?list=[playlistID]

来源:http://konstruktors.com/blog/web-design/3384-embed-youtube-channel-playlist/

嵌入参数的完整列表:https://developers.google.com/youtube/player_parameters

【讨论】:

【参考方案2】:

我遇到了类似的问题。我不需要显示有关频道的所有信息(如收藏夹、信息等),但我正在寻找适用于 ios Safari(如 iPad 和 iPhone)的频道播放器。

我最终写了自己的:http://code.google.com/p/jq-youtube-player/。它基于 jQuery,只需要一个 .js 和一个 .css 文件。

随意使用、改进等等...

【讨论】:

【参考方案3】:

我在 jsfiddle 找到了这个播放器

然后更新它以适应http://jsfiddle.net/Zbbbv/1068/的宽屏播放器

【讨论】:

【参考方案4】:

Google 似乎正在引导Cosmic Panda 的方向。它们可能距离拥有大量开发工具的方式还有很长的路要走。

还可以查看Kaltura's open source work。这将使您在自己滚动之前有一个良好的开端,但如果您想要一些非常具体的东西,它可能仍然需要大量的编程。

【讨论】:

【参考方案5】:

这里有一个关于如何做到这一点的优秀而简短的教程:http://www.google.com/support/forum/p/youtube/thread?tid=4c414f514bc3f690&hl=en

基本上,使用这个脚本:

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

[YOUR-CHANNEL-NAME] 替换为您的频道名称,它应该可以工作。

【讨论】:

这只是在我的页面上放了一个小播放器,而不是整个频道的外观。

以上是关于如何将 youtube 频道嵌入网站?的主要内容,如果未能解决你的问题,请参考以下文章

在网站上动态嵌入 youtube 频道的最佳方式是啥(首选 wordpress)

如何嵌入带有 4000 多个视频的缩略图的 youtube 频道

如果频道名称中有空格,则 Youtube iframe 嵌入将不起作用

嵌入的 Youtube 播放器 iframe 不适用于我的频道

如何在 document.ready 之后在页面中包含嵌入式 youtube 频道?

嵌入不带视频 ID 的 YouTube 频道的当前直播