如何将YouTube频道嵌入网页


Answers:


93

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

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

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

14
+1以回到老问题并给出最佳答案
Zabs 2014年

1
至少这一个产生输出。由于某些原因,此页面和其他地方列出的javascript示例在我的页面上没有输出任何内容。
TARKUS 2014年

可以,但是只能提供100个视频。您如何使它向您展示整个渠道?
肖恩·罗塞特

6
不适用于我,也许youtube发生了变化?在开发工具中,我看到了对youtube.com/…的调用,返回了状态
400。– mendel

3
频道名称在哪里??公用频道名称无效。
Mohammedsalim Shivani

19

为了嵌入您的频道,您需要做的就是复制然后将以下代码粘贴到另一个网页中。

<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

嵌入YouTube频道

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


谢谢您-我可能应该说过,我想让此显示的底部没有Google Gadgets栏-我想我可能必须使用API​​来创建更具个性化的播放器。
Zabs 2012年

1
这种方法现在被打破了。给出GET google.com/uds/solutions/videoshow/videoshow.css 404(未找到)IFR:411 GET youtube.com/... 404(未找到)
jerrygarciuh

1

似乎已接受的答案不再起作用。我从另一篇文章中找到了正确的方法: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


-5

我很快对其他进入此页面的人进行了此操作:

<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>

参见jsFiddle。


1
问题是关于嵌入频道,而不是单个视频。
PredragStojadinović2013年

与这个问题无关。
simon
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.