Embed YouTube Video To Your Website Complete Guide

Embedding YouTube video in the website or blog post puts positive first impression on the user. Embedded videos help user to understand what the website or blog post is all about. Embedding videos is a cost effective tactic as it can improve the visibility of website or blog also with SEO point of view.

In this article you will get complete tutorial on-

How To Embed Youtube Video With Custom Size?

Different Embedding Options Available On Youtube

How To Center Align A Embedded Video?

How To Embed Youtube Video With Custom Size?

  • Go to the Youtube and open the video url you want to embed.

Embed Youtube Video

  • Now click on share button, it will display different sharing options then click on embed button. It will return a bar showing default embedding code for that particular video with default frame size.

Embed YouTube Video

  • To add a video with custom size click on show more and it will display different embedding options.

Embed Youtube Video 2

  • In video size option select custom size for your video as I have selected.

Embed Youtube Video 3

  • Copy the embedded code and paste it in your website or inside the blog post.

After embedding the video your video will look like this as shown below. You can see the width of video and image is same.

Embed Youtube Video 4

Watch this short video tutorial on embedding a video with custom size.

Do you noticed the video is not center aligned? I will explain how to center align in third part of this article.  Before that you should know about different embedding options available on YouTube.

Different Embedding Options Available On YouTube

There are four embedding options available for YouTube Videos

Embed Youtube Video 5

  • Video Size
  • Show Suggested Videos When Video Finishes
  • Show Player Settings
  • Show Video title and Player Actions

Video Size

As we discussed above its for choosing custom size to embed the video.

Show Suggested Videos When Video Finishes

It will show related videos at the end of video. If you disable this option, there will be no suggestions at the end of video.

Show Player Settings

It will show the timeline where user can use volume and video setting controls to watch the video. After disabling this option timeline will not be shown while video playing video.

Show video Title and Player Actions

Enabling this section will display the title of video and player actions like watch video later or share options.

You will get more clarity after watching this short video tutorial for Options Available While Embedding A YouTube Video

How To Center Align A Embedded Video?

In the first section of this article you have seen the embedded video is not center align. To align a video to the center you have paste the embedded code inside a DIV Section.

<div style="margin: 0px auto; text-align: center;"> </div>

Now paste the complete code in the post where you pasted previously to center align the video. Update the blog post after pasting code and check blog post. Now video is center align.

Watch this short video tutorial to better understand How to center align an embedded YouTube Video.

Now you know how to embed Youtube videos with custom size and how to center align the video. Use embedded videos to increase user engagement on the website. If you have any query leave your question in comment section.