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...

Labels:

Comments

Post a Comment

Popular posts from this blog

Earn While you Save With Alat.ng

If you've always wanted to save up for the future, but didn't take actions for reasons best known to you, now is the time to reconsider your thoughts and take actions, because there is a digital bank known as ALAT waiting to be utilized. What Is A Digital Bank? According to Avoka.com; "Digital banking is the digitization (or moving online) of all the traditional banking activities and programs that historically were only available to customers when physically inside of a bank branch." What is ALAT? ALAT is a digital bank, the first if its kind in Nigeria! It is an innovation of Wema Bank Nigeria, developed to give you easy access to saving your funds and doing other bank transactions without being physically present at the bank.  With Alat digital bank, you can open a savings account using your phone number and Bank Verification Number (BVN) as well as other documents that you will be prompted to upload during the registration process. It’s simple, convenient, reliabl...
Post a Comment
Continue Reading

Beautify Your Blogspot Blog With TESH, A Premium Premade Blogger Template

If you've been looking for a stylish template for your blogger blog, then you'll definitely love the look and feel of "Tesh", a classic, chic, as well as black and white premade blogger template, suitable for personal, fashion, lifestyle bloggers as well as other bloggers. Tesh is not only classic but responsive and has been built to beautify your blog's view... If you've been looking for a minimalist blogger template that isn't heavy but lightweight, then tesh is perfect just for you... No fuss, she's worth your thoughts and utilization. Note: This is a blogger template, it wouldn't work on WordPress, tumblr or any other platform but blogger. Demo - http://www.tesh-demo.blogspot.com Features of Tesh ~ Responsive layout ~ Auto read more button ~ Breadcrumbs in post page ~ Related posts widget ~ Classic share buttons ~ Stylish about me widget ~ Beautiful labels design ~ Numbered page navigation ...
Post a Comment
Continue Reading

Just Another Way To Save With A Piggybank

While growing up, I wished for a piggybank, despite having access to numerous saving boxes. Trust me, I always thought a piggy bank would be great and advanced than a square box! At least it wasn't our conventional DIY savings method. But then, what if my dream had come true, maybe not at the time I wanted it but sometime later? I'd probably save and get to destroy my bank! Piggybank is a generic English term used to denote the earliest means of storage of money, using a hollow ceramic statue of a pig. Well, did you ever use a savings box and wished for a Piggy bank? It's probably time to stop being archaic and get digital because, there's a Piggy bank in town who's gone so digital. About piggybank.ng In a brief note, Piggybank.ng is a Nigerian Financial Technology (Fintech) startup which run a hassle free online savings scheme. Piggybank if granted access to a user's bank account will make periodic deductions for the purpose of saving towards a target. This inn...
Post a Comment
Continue Reading