Skip to main content

How To Embed YouTube Video In Blogger And WordPress

embed YouTube video

Do you make and upload your videos to YouTube and would want to share it with your blog readers in your sidebar, footer, or blog posts Or did you see an amazing video you would want your blog readers to get a glimpse of?

This post is for you! 

The basic thing to do is to upload or find a video then copy the embed code from YouTube and add it to your blogger blog post. 
You can change the width and height of the iframe as well to fit into your blog post so that it doesn't overlap the width of your website or give your blog a clumpy lazy look. 
Embedding YouTube videos on your blog post enables you to showcase videos from youtube on your blog without wasting bandwidth and storage space on your hosting space. this enable your visitor to watch the video right from your website without the popular problem of buffering and delay in playback. 

In this post, I will share with you how you can embed a YouTube video in your blog post or anywhere else. It is absolutely possible to embed any size of YouTube video in your blog or site, provided there is an html compose option. its not difficult to get this done as long as the video is available on YouTube streaming website. So How do we go about Embedding a video on your site
Follow the process below to embed youtube video.
This tutorial works for both Blogger and WordPress and all sites which accept iframe tags... Enjoy!


Embedding Youtube Videos

° First thing first, visit YouTube and get you
search for the video you want embeshare

  YouTube
° Click to view the video, now, there are option just below the video, click on share

YouTube
° There are 3 options, Share, Embed and Email, click Embed, then select and Copy the code, displayed in a box for you.

° Once you've copied the code, go to your blogger blog post, select the HTML compose option, then scroll to where you wish to Embed the youtube video on your blogger post
The code looks like this
<iframe width="560" height="315" src="https://www.youtube.com/embed/CCuiIHJLUGc" frameborder="0" allowfullscreen></iframe>

Note; the width and height is customizable, you will have to change it to your preferred width and height so the video can fit in to your blog. 
This customization is important if you don't want the video clustering or overlapping your contenit'sdepending on the width of your blog.

You will notice from the code above that the width is "560" the height is "315" so, you should customize the width especially depending on the width of where it is being embedded, you can't embed the video with the width above on location with 540 as its width because, it will overlap the contents on the blog and you wouldn't want that. To get a perfect fitting, you will have to reduce the width and height as follows,

Width " 500 " while Height " 290".

This way it will be smaller than the default screen size to properly fit into the blog contents. 
You can always try this out to know if you got the tutorial...

Comments

Popular posts from this blog

#Day2: Overcoming Procrastination

Have you ever tried getting rid of procrastination but find yourself procrastinating about doing what's needed to be done? # Day2 of my 30 days on a Confused State of Mind. Today, it's about overcoming my biggest struggle, Procrastination. In case you missed #DAY1 Of my Confused State of mind, You can go read it >>>>  Discovering my self-worth 99% of times, I find myself procrastinating but worrying over the fact that I can't fight it! Like whom ever said I couldn't fight it? It's a rough fight and I'm always at the losing end. I feel bad about the fact that I go through this but I'm not ashamed to admit it. Probably spiting it out is one of the ways I've got to fight it. Who Else Rows the Boat? The act of postponing and procrastinating isn't peculiar to me, definitely there are a lot more people out there struggling even worse than I. But it doesn't matter, because we are all birds of a feather!  Obviously, it feels so bad to b...

How To Expand Your Wordpress Ping List

WordPress ping list are indeed useful when you want to extend your blog reach to major search engines. If you are not aware of pinging feature in WordPress, then be aware now! :) When ever you publish, edit or modify a post, WordPress sends ping to all the Ping services which must have been listed under your ping update service. So this way, ping services get notified about new post and search engine will quickly index them. Now by default WordPress notifies all major ping services but we can always extend our limit by pinging more services. adding them manually is an option definitely.  Below is a list of ping services for WordPress , which will help you to ping more services. You can also copy the list from WordPress doc file http://rpc.icerocket.com:10080/ http://blogsearch.google.com/ping/RPC2 http://1470.net/api/ping http://api.feedster.com/ping http://api.moreover.com/RPC2 http://api.moreover.com/ping http://api.my.yahoo.com/RPC2 http://api.my.yahoo.com...

I Hate Captchas, We All Hate Google Recaptcha

A good number of internet users if not all have come across and solved a captcha. Captchas are antibot checkers employed by websites to impede scam and spam. but these captchas are somewhat annoying and the latest and now most popular member of the captcha family, Google recaptcha, keeps popping up here and there in an absolutely unbearable and annoying manner. Solving captchas over the years have become somewhat harder and uncalled-for, especially with the spread and popularity of Google recaptcha. Solving captchas used to be fun and easier when users had to type in words and numbers as seen correctly but now reverse is the case as most websites have began using google recaptcha and recently, in order to have access to some websites, you need to prove that you are human! obnoxious I must say! To avoid getting stressed over selecting all roads, cars or signs, you could simply use Google Chrome browser. It's sickening that out of 10 sites you visit in a day, at...