and like us on FB

This article will show you how to display YouTube thumbnail links in your WordPress website (or PHP application) by way of the video RSS feed. While another article is scheduled that’ll display the same output using the YouTube API, the RSS method navigates the requirement to register for the API, making the process a little easier.

The block of YT code has undergone a numerous of variations because of the multitude of ways in which the data might be rendered. Because the thumbnail tower is essentially an image-feature, we once supported different methods of cropping and scaling the images we retrieved from YouTube… but that didn’t suit everybody. What’s published on this page is now a cupcake version – it’s up to you to add the decoration. At the bottom of the page are a few options that might assist with image manipulation.

More complete YouTube renderings can be built with version 3 of YouTube’s API, and that information is forthcoming.

How To Find Your YouTube Channel RSS Feed

Your YouTube RSS feed can be found by navigating your way to https://www.youtube.com/feeds/videos.xml?channel_id=123, where 123 is your own channel ID. If you don’t know what your Channel ID is, view the source for your YouTube page and search for the text videos.xml?channel_id – it will reveal the full XML feed. Alternatively, select your own channel from your subscriptions list and note string of text after channel. For example, the channel URL for BeliefMedia’s YouTube page is https://www.youtube.com/channel/UC3qxAmFHsyqAnrg_UbbsHjQ. Our channel ID is UC3qxAmFHsyqAnrg_UbbsHjQ.

The Result

The shortcode of [ytrss channel="UC3qxAmFHsyqAnrg_UbbsHjQ" number="3"] will render the following:

The second example includes 3 random videos with the title text overlaid on the video thumbnail. The shortcode of [ytrss channel="UC3qxAmFHsyqAnrg_UbbsHjQ" number="3" random="1" type="1"] will return the following:

Simple WHOIS Lookup With PHP (Free Website)
Simple WHOIS Lookup With PHP (Free Website)
 
Determine A Person's Age From DOB (With PHP Or WordPress Shortcode)
Determine A Person's Age From DOB (With PHP Or WordPress Shortcode)
 
Simple Cache With PHP
Simple Cache With PHP
 

The final example illustrates how the feed might look if you applied some styling. Shortcode of [ytrss channel="UC3qxAmFHsyqAnrg_UbbsHjQ" number="2" random="1" type="1" width="300" style="border: 5px dotted; background: #ff0000; padding-left: 10px; padding-right: 10px; padding-top: 10px;" span="font-size: 1.2em; font-weight: bold; background: #FFFF80; color: #000000"] returns the following abomination.

Embed a Responsive YouTube Video or Playlist into WordPress with Shortcode
Embed a Responsive YouTube Video or Playlist into WordPress with Shortcode
 
Add a Highlighter Text Effect in WordPress with Shortcode
Add a Highlighter Text Effect in WordPress with Shortcode
 

WordPress Shortcode

Copy and paste the WordPress function into your theme's functions.php file or, if you sensibly have one installed, your custom functions plugin.

If you require shortcode to work in a sidebar widget, you'll have to enable the functionality with a filter. If you're using our custom functions plugin, you'll have that feature enabled by default.

The second function on this page is required to return the appropriate thumbnail size. Additionally, the function below is necessary to resize images (discussed below).

Resizing Thumbnails

The required function referenced on this page lists the most commonly used YouTube thumbnails. The only two thumbnails that return the 16:9 thumbnail (or those that are returned without the top and bottom black bars) are the mqdefault (320 x 180) and maxresdefault (1920 x 1080) images. If you’re not using a library to scale remote images automatically, the mqdefault image can easily be scaled down without too many issues.

If you’re not too concerned about importing all your YouTube images into your own WordPress library, you can create your own 16:9 (1.777) cropped image size and use the function on this page to create appropriately scaled thumbnails… although this does require slight modification to the code.

Shortcode Attributes

channel

Your YouTube channel.

number

The number of thumbnail results to return. The YouTube RSS feeds returns only your last 15 uploads.

thumbnail

The thumbnail ID references the image sizes as detailed on this page. The mqdefault (320 x 180) image is referenced by default.

width

If you choose to use a width other than the actual size of the image, enter it here. The image will be scaled down and the height will automatically be determined.

random

To return random videos, use random="1".

style

The style attribute applies style to the parent div container. By default the container will match the width as defined by the width attribute or the width of the referenced image.

span

To add styling to the title text, add it with the span attribute. By default we use font-size: 0.9em; font-weight: bold;.

words

To truncate the title text to a specific number of words, use words="15" (where 15 is the maximum number of words to return).

type

For text underneath the image, use text="0". To overlay the text on the thumbnail, use text="1".

cache

The period of time to cache the result. Defaults to 18 hours.

PHP Function

Used outside of WordPress, the function on this page may be used. As with the shortcode, it requires the second beliefmedia_youtube_thumbnail() function on this page. It also requires Simple Cache and the beliefmedia_youtube_thumbnail_size() function above.

Download

Title: Add Thumbnail Image Links from a YouTube RSS Feed
Description: Add Thumbnail Image Links from a YouTube RSS Feed With WordPress Shortcode or PHP.
Download: Shortcode (V0.2) | PHP Code (V0.2) | Plugin Page

Shortt URL for this post: http://shor.tt/1TY6