Best IT Recipes

How to embed a YouTube channel in a web page

Can anyone suggest how I embed a YouTube channel in a webpage? I get conflicting information from different sites, ideally using a custom player, if possible? thank

+47
youtube video embed channel
Feb 09 '12 at 10:33
source share
7 answers

YouTube supports a fairly easy-to-use iframe and URL to embed videos, playlists, and all custom uploads into your channel : https://developers.google.com/youtube/player_parameters

For example, a player loaded in a playlist of all the videos uploaded to your channel will be embedded in this HTML. Replace YOURCHANNELNAME with the actual name of your channel:

<iframe src="http://www.youtube.com/embed/?listType=user_uploads&list=YOURCHANNELNAME" width="480" height="400"></iframe>
+68
Aug 29 '14 at 9:13
source share
— -

To embed your feed, all you have to do is copy and paste the following code into another web page.

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

Be sure to replace YourChannelName with your actual channel name.

For example: if your channel name is CaliChick94066 , your channel embed code will look like this:

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

Please view the following links:

YouTube on your site

Paste YouTube Channel

You just need to provide the URL of your channel name. You can also play with the height and color and size of the frame. Hope this helps.

+15
Feb 09 '12 at 10:37
source share

Except that YTchannelembed does not actually implement the channel, it simply linked thumbnails, all of which go outside the site. Youmax solution for jQuery is really embedded though: http://www.codehandling.com/2013/03/youmax-20-complete-youtube-channel-on.html

+7
Jul 15 '13 at 10:31 on
source share

This API got fixed

here is the code you need. It worked very well for me.

http://www.joaopimentel.pt/Home/works/embed-your-youtube-channel-on-your-google-site

luck

+5
Sep 17 '13 at 17:08
source share

A pretty neat solution would be Youmax 5.0 http://www.codehandling.com/2015/02/youmax-50-complete-solution-for.html

newer version of what rick craft mentioned

+3
Jan 12 '15 at 17:37
source share

If you want to show your YouTube channel feed on your website, use Powr.io. With Powr.io, you can receive channels from any YouTube channel and show as many videos from it as you want in a grid.

Here is a tutorial http://www.the101helper.com/2016/08/how-to-add-youtube-channel-feed-in-blogger.html about this, in which you can find how to add a YouTube channel to blogger blogs .com, but adding this plugin to any site is like adding it to a blogger’s blog. Hope this answers your question!

0
Aug 26 '16 at 14:02
source share

I quickly did this for everyone who came to this page:

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

-3
Feb 09 '12 at 10:52
source share


More articles:


All Articles