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 Resources 0 Comments

Top 10 FREE WordPress Plug-ins That Are A Must To Have

  WordPress Plugin HOT List: This is a HOT list of 10 plugins every WordPress Website or Blog should have installed.  These plugins will give your Website or Blog the

WordPress Resources 0 Comments

Advantages & Disavantages of Using WordPress

There are three main advantages to hosting your own blog. You own it Can be optimized better Can add other items to improve your process There are also a couple

WordPress Resources 0 Comments

How To Get Google Page Speed Report on WordPress Dashboard Via W3 Total Cache

See a screen shot of the Dashboard Page Speed Report that will tell you where the issues are with slow loading pages on your site.  Follow the instructions below to

WordPress Resources 0 Comments

The 4 Best WordPress Traffic Monitoring Plugins

The best way to track who and how many people are coming to your blog is to use a WordPress traffic monitoring plugin. There are plugins to simplify the use

WordPress Resources 0 Comments

Top 11 Shopping Cart Plugins for WordPress (5 are FREE)

WARNING – Video is mildly funny only! A WordPress shopping cart plugin can instantly turn your WordPress site into a full blown online ecommerce store. Nowadays there are many WordPress

WordPress Developers Area 0 Comments

WordPress Developer Client Contract Template

If you are running a WordPress design business it is always best practice to operate with a WordPress Developer Client Contract.  If you are using one, you are protecting both

0 Comments

No Comments Yet!

You can be first to comment this post!

Leave a Reply