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

5 MIND BLOWING WordPress Menu Plugins

ContentsUberMenuSticklr WP – Sticky Side PanelPBK Mega MenuMenu Management EnhancerWP Sticky Menu WordPress has built in menus that are easy to use and setup but what if it’s just not

How to YouTube 0 Comments

Change the YouTube Embed Image to Custom Image

ContentsBefore:After:Here is the exact code from above example.That’s it! If you want a specific preview image for your YouTube video, you’re pretty much out of luck. When you upload a

WordPress Resources 0 Comments

10 Basic Tips for Improving Your WordPress Website

Contents1. Reduce the Size of Theme Images2. Use a Custom Favicon3. Style WordPress Image Captions4. Use PHP Flush5. Use Shorthand CSS in Your Theme’s Stylesheet6. Minify Your WordPress Theme Files7.

WordPress Resources 0 Comments

Best Social Popup WordPress Plugins

This is my list of Best Social Popup WordPress PluginsWordPress Popup Plugins can be extremely useful for building your social audience, growing your email list or just simply gaining more

How to YouTube 0 Comments

YouTube Embed Code Options – Have it Autoplay

Here are some problems I face when embedding YouTube videos on my website. First, the user has to click on the “play” button for the video to play. People who

WordPress Resources 0 Comments

MUST HAVE WordPress Plugins for every install

Contents** Look for a file at the bottom of this article that will auto install all of these WordPress Plugins into your site SUPER FAST with a few clicks **WordPress

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.