Thursday

YouTube Shortcode For Blogger Blogs!

youtube shortcode plugin

After having developed shortcodes for SoundCloud and Dailymotion, it is now time to start embedding YouTube Video Player and YouTube Playlists anywhere you want. The shortcode for YouTube player lets you insert the player inside your Posts, Widgets and even the threaded comments with a single line of code. The method is extremely easy and lets you add the responsive version YouTube video Player which adjusts automatically to any screen size. You can now easily share MP4 or HD videos with your readers from YouTube with an extremely easy way. Lets see its demo in action!

Note: If YouTube is banned in your country try viewing the demo by installing this tool.

There are some old techniques which lets you embed YouTube videos in blogger comments but the method we are sharing today gives you an extra benefit. It lets you add a light-weight shortcode  which can be inserted almost anywhere not just the comment sections. You can treat it as a simple TEXT which can be pasted on any location of your template structure. It also gives you full control over your player or playlist thanks to the attributes which you can configure to turn ON or OFF the Player options. So it has a lot more to offer than any method shared earlier!

 

1. Install Blogger Shortcode Plugin

In order to use YouTube shortcode you must first install the shortcode plugin for your blogger blog by following 7 easy steps shared on the link below:

Skip installing it if you have already added it in your blogger template

2. How To create the YouTube Shortcode?

First select a video from Youtube and then copy its Video ID which is a 11 Characters pattern that is added at the end of every YouTube Page URL, as shown below

Video ID of youTube

In our example the Video ID is Qy4yULSqBA0.

Next use the shortcode below to insert your Player anywhere on your blog

[youtube src="Qy4yULSqBA0"/]

Replace the Video ID inside src with yours.

Output:

youtube shortcode output

That simple!

Create a YouTube Playlist Shortcode

This time find your favorite playlist on Youtube and copy the Video ID and Playlist ID from the URL in your address bar as shown below

finding youtube Playlist ID

Then use the shortcode below to embed your playlist on your web blog

[youtube src="-L-GOHa5-YQ" playlist="PL332F98D63FD60CB6"/]

The Video ID is inserted inside "src" and Playlist ID is inserted inside "playlist"

Output:

playlist shortcode

Customize your Player!

Find below the complete list attributes supported by the shortcode

Attribute Definition
src Insert Video ID here
playlist Insert Playlist ID here
width Adjusts width of video player. Can also be assigned in percentage for responsiveness.
height Adjusts height of video player
info Setting it to "0" will hide the video title and player actions. By default it is set to "1"
control Setting it to "0" will hide the player controls like the play/pause buttons, settings, streamer and Volume options. By default it is set to "1"
related Setting it to "1" will show suggested videos when the video finishes. By default it is set to false i.e. "0"

Use the format below to insert attributes inside shortcode. In the video below I am turning OFF the controls, Video title and turning ON showing related videos when video ends. I am also re-sizing the video using custom width and height.


[youtube src="z2_2cFityc4" control="0" info="0" related="1" width="450" height="350"/]

Output:

customize youtube player

Wasn't that easy!

Need Help?

I hope this new shortcode helps you embed videos on your blog with much more ease and comfort. Let us know if you need any help if needed. There is a lot more to come which will change your blogging experience forever. Stay tuned!

Peace and blessings buddies! =d

No comments:

Post a Comment