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

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

14 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. OMG yet another amazing short code this time for YouTube videos. :) Thanks.

    ReplyDelete
    Replies
    1. I guess Youtube was the most requested one after dailymotion :)

      Delete
  2. working perfect
    when Syntax Highlighter Shortcode Release

    ReplyDelete
  3. great post if you have time so please like vimeo and tunpk will you make shortcode

    ReplyDelete
    Replies
    1. I will for vimeo but can't for tune.pk because there iframe code is not developed correctly, they have a folder Id which makes it impossible to create a standard shortcode for them. They must change the way they serve Video IDs and only then we can develop shortcodes

      Delete
  4. Really love it!
    Thanks but the most sad part is the thumbnail won't show on post homepage.
    I have made my blog like a gallery

    ReplyDelete
  5. Working perfectly. Plz add popular post and most commented widget shortcode. Thank you.

    ReplyDelete
  6. Once i get .js for adding anything to comment by using html encoding. I try it for mp3, mp4 & flash. But i just see it is deleted from my blog. Can you help about this?

    ReplyDelete
  7. I see that you use shortcode to get the videos in the comment field here:

    http://blogger-shortcode.blogspot.no/2015/04/youtube-shortcode-for-blogger.html#more

    I tried to understand the tutorial above. But dont quite understand it, do you have a video tutorial on doing it step by step. I would be forever greatfull :)

    Another thing, I tried to comment with an anchor txt in a blogger blog. And I tried a normal HTML code. But the anchor dont want to be correct. Do I use HTML or BB code ?? Or another code ???

    Thanks for answering

    ReplyDelete
  8. How can I optimized videos for blogger posts?

    ReplyDelete
  9. I would like to see support for the attribute that starts the video at a specified time - eg after 35 seconds
    https://youtu.be/p8la5yjlPcs?t=35s
    https://www.youtube.com/embed/p8la5yjlPcs?start=35
    not sure which will work !

    ReplyDelete