How to embed a YouTube video on your Website or Blog

Simply login to your blogger account or your website admin area (or use FTP access) and follow the simple steps below:

If you have your own YouTube channel where you post videos, you may want to show these off on your website/blog. It is very easy to embed videos and let your website/blog visitors view them without having to leave your site.

A word of caution before we start: If the video isn't made by you, then you obviously don't own the copyright to that clip, which means there could be copyright issues involved. Do not post commercial or branded videos on your site (unless you own the copyright). If you want to post a clip made by someone else, it doesn't hurt to seek their permission before you do. Always give credit to the owner / maker of a video (and provide a link back to their YouTube channel), never attempt to pass other people's work off as your own. Right... having covered copyright, we're ready to move on to the simple steps of embedding your video:

Here's a quick video showing how to embed a YouTube video on a blog

Step 1: Locating where to place the embed code

Using your Blogger account:

Create a new post and type the text you want to appear before the video. Click the HTML button and scroll to the bottom of the code (or to where you want the video to appear).
This is where you will paste the embed code... (see step 2).

---

Using your website CMS (content management system):

Open the page you want to embed the video on in the text editor - and type a few words where you want to place the video. Next, use the toolbar  to access Source (or HTML) mode. Note: Your toolbar may look different, depending which CMS your website is using, but generally you will have a text editor with functions to edit in both compose and source mode.

Look for the words you just typed and place your cursor just below on a new line...
This is where you will paste the embed code... (see step 2).

---

Using FTP to upload edited pages to the server hosting your website:

Open the page you want to embed the video on using your preferred html editor. I use Notepad++, but any editor will do the trick. Locate where you want to embed the video (add a heading or some text if you like), and place your cursor ready for pasting the code from YouTube...

---

Step 2: Copying the embed code from YouTube

Open a new tab or window in your browser and open the YouTube video you want to embed. Below the video you will see a Share button - follow the steps below to copy and insert the embed code on your website or blog:

• Click the Share button to expand sharing options for the video. 
• Click on the Embed button to show the embed code. 
• Tweak settings for your embedded video below the code: 
• If you don't want to show related videos at the end of your video, make sure this box is un-checked.
• You can change the display size of the video: select a size option or enter your custom size.
• When you are done: Select and copy the embed code in the box above
• You are now ready to paste the code in the location you prepared in Step 1

Note: If there isn't an embed button, this generally means that the video maker/ owner has disabled the embed function for that video. If the video is yours, you may want to have a look at the settings in your video manager (click the advanced tab) and make sure that you haven't disabled embedding by mistake.