Stream Your YouTube Channel On A Page Inside Your WordPress Website

WordPress shortcodes are great. They let you perform complex operations or display dynamic content with just a tiny bit of text in any page or post.

I recently needed a way to embed the most recent videos from a Youtube channel (very dynamic information) in a WordPress page, so I decided to write a shortcode for it.

[divider /]

The code is actually pretty simple. Just add the following to your theme’s functions.php file:

COPY CODE BELOW

function youtube_feed_shortcode($atts)
{
// Defaults:
extract(shortcode_atts(array(
'user' => 'mrinternettips', // youtube user
'limit' => 5, // maximum number of videos
'height' => 385, // video height
'width' => 480 // video width
), $atts));
$data = @json_decode(file_get_contents('http://gdata.youtube.com/feeds/api/users/'.$user.'/uploads?alt=json'), TRUE);
$counter = 0;
$content = '
'; foreach($data['feed']['entry'] as $vid) { $url = $vid['media$group']['media$content'][0]['url']; $title = $vid['title']['$t']; $ycontent = $vid['content']['$t']; $content.= ''.''.''.''.''. '
'.$title.'
'. '
'.$ycontent.'
'."n"; $counter++; if($counter == $limit) { break; } } $content .= '
'; return $content; } add_shortcode('youtubefeed', 'youtube_feed_shortcode');

The shortcode below is completely configurable.

[youtubefeed user="YourChannel Name Here" limit="3" height="385" width="560"]

You can change any option as needed.

You might have noticed the code gives each element a particular class to make it CSS friendly. All you have to do is add CSS rules for three classes: .youtubefeed, .youtubetitle, and .youtubecontent.

[divider /]

My stylesheet looks like this: (this will be your style.css file)

COPY CODE BELOW

.youtubefeed {
margin: 10px;
text-align: center;
}
.youtubetitle {
font-size: 1.6em;
font-weight: bold;
margin: 3px;
}
.youtubecontent {
margin-bottom: 30px;
text-align: left;
}

Other Plugin That Will Do This:

TubePress

TubeMatic

Previous Floating Share Plugin for Wordpress
Next Top 10 FREE Wordpress Plug-ins That Are A Must To Have

About author

Jarrett Gucci
Jarrett Gucci 289 posts

Jarrett Gucci is the owner of Dynasty Web Solutions. A full service Internet presence provider specializing in WordPress development for business owners. Jarrett Gucci along with his team of professionals have designed over 400 WordPress websites. Jarrett Gucci believes strongly in creating websites that are unique, functional and generate referrals.

You might also like

WordPress Themes 0 Comments

Top 10 Responsive WordPress Themes

ContentsAlyeska ResponsiveModernizeSideways Portfolio WebsiteWhite LabelSuper SkeletonReactionLocusAngularAwarePropulsion A responsive design means a layout that responds well to different screen sizes. Such as iPad, tablets, Smart Phones and Desktop.  Responsive WordPress Themes

WordPress Resources 0 Comments

18 Tricks To Speed Up WordPress Website or Blog

Contents1. Cache Complete Generated Pages2. Disable Hotlinking and Prevent Leeching3. Choose a Good Web Host4. Split Long Posts in Several Pages5. Use Excerpts and Limit the Count of Posts Displayed

WordPress Resources 0 Comments

How To Setup WordPress Multisite Step by Step

ContentsWhat Exactly is WordPress Multisite?Installing WordPress MultisiteActivating the Network Setup Menu ItemConfiguring the Network from the DashboardFinishing the Multisite InstallThings to Note with Multisite InstallsNavigating the Network AdminCreating a New

WordPress Resources 0 Comments

How to secure your WordPress blog

Repel attackers with these tips on creating a secure installation By Karl Hodge A freebie WordPress.com blog won’t cut it – get your own web space, and install the full

WordPress Resources 0 Comments

102 Proven Attention Grabbing Headlines Headline Formulas

ContentsClick icon below to open. Right click and save link as to download.Health, Wealth, Relationships, Time and LifestyleCrystal Ball and HistoryProblems and FearsHow-To Tricks of the Trade Click icon below

WordPress Resources 0 Comments

55+ Most Wanted WordPress Tips, Tricks, and Hacks

Contents1. How to use a Custom Page as a Home Page in WordPress2. How to Create a Page that Displays Random Posts3. How to Display any External RSS Feed on

0 Comments

No Comments Yet!

You can be first to comment this post!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.