【问题标题】:How to embed a YouTube channel into a webpage如何将 YouTube 频道嵌入网页
【发布时间】:2012-03-01 19:50:15
【问题描述】:

任何人都可以建议我如何将 youtube 频道嵌入网页 - 我从各个网站获得相互冲突的信息,如果可能的话最好使用自定义播放器?谢谢

【问题讨论】:

标签: video youtube embed channel


【解决方案1】:

YouTube 支持相当容易使用的iframe and url interface 将视频、播放列表和所有用户上传到您的频道https://developers.google.com/youtube/player_parameters

例如,此 HTML 将嵌入一个播放器,该播放器加载了上传到您频道的所有视频的播放列表。将 YOURCHANNELNAME 替换为您的频道的实际名称:

<iframe src="https://www.youtube.com/embed/?listType=user_uploads&list=YOURCHANNELNAME" width="480" height="400"></iframe>

【讨论】:

  • +1 表示回到老问题并给出最佳答案
  • 至少这个产生一个输出。由于某种原因,此页面和其他地方列出的 javascript 示例不会在我的页面上输出任何内容。
  • 不适合我,也许 youtube 上发生了一些变化?在开发工具中,我看到对 youtube.com/… 的调用返回状态 400。
  • 频道名称在哪里?公共频道名称不起作用。
  • 是的,这会起作用,但您需要编辑答案以使用 https 而不是 http。它现在对我有用。谢谢
【解决方案2】:

为了嵌入您的频道,您只需将以下代码复制并粘贴到另一个网页中即可。

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

确保将 YourChannelName 替换为您的实际频道名称。

例如:如果您的频道名称是 CaliChick94066,您的频道嵌入代码将是:

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

请看以下链接:

YouTube on your site

Embed YouTube Channel

您只需将 URL 命名为您的频道名称。您也可以使用高度和边框颜色和大小。希望对你有帮助

【讨论】:

  • 谢谢你——我可能应该说我试图在底部不显示谷歌小工具栏的情况下显示这个——我想我可能不得不使用 API 来创建一个更加定制的播放器。
  • 这种方法现在被打破了。给出 GET google.com/uds/solutions/videoshow/videoshow.css 404(未找到) ifr:411 GET youtube.com/… 404(未找到)
【解决方案3】:

似乎接受的答案不再起作用。 我从另一个帖子中找到了正确的方法:https://stackoverflow.com/a/46811403/6368026

现在你应该使用:

http://www.youtube.com/embed/videoseries?list=USERID USERID 是您的 youtube 用户 ID,附加了“UU”。

例如,如果您的用户 id 是 TlQ5niAIDsLdEHpQKQsupg,那么您应该输入 UUTlQ5niAIDsLdEHpQKQsupg。如果您只有频道 ID(可以在频道 URL 中找到),则只需将前两个字符 (UC) 替换为 UU。

所以最后你会得到一个这样的 URL:

http://www.youtube.com/embed/videoseries?list=UUTlQ5niAIDsLdEHpQKQsupg

【讨论】:

    【解决方案4】:

    我很快就为其他进入此页面的其他人这样做了:

    <object width="425" height="344">
    <param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?fs=1"</param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowScriptAccess" value="always"></param>
    <embed src="http://www.youtube.com/v/u1zgFlCw8Aw?fs=1"
      type="application/x-shockwave-flash"
      allowfullscreen="true"
      allowscriptaccess="always"
      width="425" height="344">
    </embed>
    </object>
    

    See the jsFiddle.

    【讨论】:

    • 问题是关于嵌入频道,而不是单个视频。
    • 与此问题无关。
    猜你喜欢
    • 2011-10-12
    • 2012-01-02
    • 2012-11-12
    • 2019-08-15
    • 2011-09-16
    • 2018-04-22
    • 1970-01-01
    • 2013-04-16
    • 1970-01-01
    相关资源
    最近更新 更多