How To Embed YouTube Videos in Your Blogger Comments

Advertisements
How To Embed YouTube Videos in Blogger Comments
We have debated many times that why YouTube is the world’s #1 online broadcasting website, but anyone had ever thought of embedding the videos in their Comments. Perhaps, it is extremely straightforward to embed a video in an HTML Doc, but embedding them in Comments appears to be a rusty task. While investigating, we came across a robust plugin oEmbed specification. They have a simplest API that helps a website provider to embed multiple contents on his website. 

At first go it appeared to be an uphill task because Blogger neither support PHP nor Python. Therefore, creating a JavaScript file that provides same functionalities was a bit taught. However, after some hours of hard work our intellectual developing team finally nailed it i.e. http://oembed-js.appspot.com/?url=[Youtbe-URL][&callback=foo].

Now the Main problem is that, how we should utilize it? We can just Paste the YouTube Video link in Blogger Comments and it would automatically catch the video details, and would embed it in Comments. Surprise, it seems like we have finally, solved the mystery. 



Note: It Takes a while to Load so please maintain patience till the whole page stops loading.
Embbeded YouTube Video in Blogger

The Solution on how to Embed YouTube Videos in Blogger Comments:

Now In order to convert the YouTube video link into an embedded video it’s essential to include the JavaScript coding. Once, it is good to go, all we have to do is to comment proper YouTube Video URL in Comments. First follow the following instructions.

Go to Blogger.com >> Template >> Edit HTML >> Proceed. Now within the Template, Search (CTRL+F) for the ending </head> Tag and just above it paste the following JavaScript Coding.  

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script>
<script type='text/javascript'>

<script src='https://mybloggerlab.googlecode.com/files/YTcomment.js' type='text/javascript'></script>
<script type='text/javascript'>


Once everything is done hit the “Save Template” button. Now whenever a visit would insert a YouTube video link in Comments it would automatically embed it within the comment box. This JavaScript is flexible and works on almost all commenting systems of blogger whether its default or personalized. 

However, if anyone wants to display the Videos’ URL instead of embedding then in that scenario they can make use of the following code. Remember: to replace, the URL according to your desire needs. Also keep in mind it would only work on YouTube videos because the script is designed only for it.

[video=youtube-url-here]

In greater many cases, people might complain an issue in loading speed of a web page that has lots of Movies attached. In that case, we can try Lazy loading YouTube Videos technique that almost saves 60% of memory space. Thus, helps in speeding up a web page that even have 20 to 25 videos attached. 
Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

9 comments

January 31, 2013 at 12:20 PM

your tutorials are always fantastic bro... good one :)

January 31, 2013 at 10:12 PM

Tags are responsible for a post to traffic??
I google but found accidents

January 31, 2013 at 11:16 PM

Ohh Its Cool Dear Don ;) Awesome TUT :)

February 1, 2013 at 5:49 AM

Cool :D

February 1, 2013 at 6:03 AM

so good :)). can i request a trick? how to make floating ads like you? please tell me :) thanks.

Sorry OTT.

February 1, 2013 at 8:03 AM

Great captured, but no one will allow you to embed your video in his/her blog, because it will be got overload because of the more embed scripts.

Editorial Team MOD
February 1, 2013 at 8:15 AM

Sure, We're currently testing the Scripts would release it very shortly

Editorial Team MOD
February 1, 2013 at 8:16 AM

Yup, it would slow down the speed of the page but, we can use Lazy Loading Script and efficiently increase the speed of a website even if there is 20+ videos.

February 3, 2013 at 6:33 AM

Thanks for this great tutorial

Free Premium Accounts

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.