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

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

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

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

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

【问题讨论】:

    标签: wordpress video youtube video-streaming


    【解决方案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] 替换为您的频道名称,它应该可以工作。

            【讨论】:

            • 这只是在我的页面上放了一个小播放器,而不是整个频道的外观。
            猜你喜欢
            • 2012-11-12
            • 2019-08-15
            • 2018-04-22
            • 2012-03-01
            • 1970-01-01
            • 2015-10-16
            • 1970-01-01
            • 2019-08-14
            • 2011-09-16
            相关资源
            最近更新 更多