如何将YouTube频道embedded网页
任何人都可以build议我如何embedded一个YouTube频道到网页 – 我从各个网站获得冲突的信息,理想情况下使用自定义播放器,如果可能? 谢谢
YouTube支持使用iframe和url界面相当简单的方式,将video,播放列表和所有用户上传内容embedded您的频道 : https : //developers.google.com/youtube/player_parameters
例如,这个HTML会embedded一个加载了播放列表的播放器,上传所有上传到您的频道的video。 将YOURCHANNELNAMEreplace为您频道的实际名称:
<iframe src="http://www.youtube.com/embed/?listType=user_uploads&list=YOURCHANNELNAME" width="480" height="400"></iframe>
为了embedded你的频道,你需要做的只是复制,然后将下面的代码粘贴到另一个网页。
<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>
确保将YourChannelNamereplace为您的实际频道名称。
例如:如果您的频道名称为CaliChick94066,则您的频道embedded代码为:
<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在您的网站上
embeddedYouTube频道
您只需将url命名为您的频道名称。 你也可以玩高度和边框的颜色和大小。 希望能帮助到你
除了YTchannelembed实际上并没有embedded频道,仅仅是连接的缩略图,所有这些都是非现场的。 Youmax的jQuery解决scheme实际上embedded: http : //www.codehandling.com/2013/03/youmax-20-complete-youtube-channel-on.html
这个API得到了更正
这里是你需要的代码。 它对我来说非常好
http://www.joaopimentel.pt/Home/works/embed-your-youtube-channel-on-your-google-site
祝你好运
一个相当整洁的解决scheme将是Youmax 5.0 http://www.codehandling.com/2015/02/youmax-50-complete-solution-for.html
Rick Kraft提到的更新版本
如果您想要在您的网站上显示YouTube频道Feed,请使用Powr.io。 使用Powr.io,您可以获取任何YouTube频道的Feed,并以网格forms显示尽可能多的video。
这里是一个教程http://www.the101helper.com/2016/08/how-to-add-youtube-channel-feed-in-blogger.html关于它,你可以find如何添加youtube频道的饲料在博主;.com博客,但在任何网站添加此插件类似于添加到博主博客。 我希望它能回答你的问题!
我很快就为所有进入这个页面的人做了这个:
<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。