How to embed YouTube Videos on your Web Page

This is a fairly simple process:

The quick answer is:

1. Upload your Video to YouTube, copy the ’embed code’.
2. Go to your web page, activate the editing, choose the html code editor, find the place on the page where you want your video and paste the YouTube embed code.

The more detailed guide is:

1. Upload your Video to YouTube, copy the ’embed code’
2. Go to your web page.
3. Activate the editing of the Page / Add New Post  / News Item etc (depending on the content management system you are using)
4. Prepare your content, add text and titles where necessary.
5. Find where you want to embed your code (for people who don’t want to understand HTML then type “VIDEO HERE” – this will add as a visual marker within the code of your webpage for you to look for).
6. Activate the HTML editor – In most WYSIWYG editors you need to find the ‘HTML’ button which looks like this  <> and in WordPress you have the option of [Visual] or [HTML] Tabs.
7. Locate where you have written “VIDEO HERE” – you dont want this text to appear so highlight and paste over the YouTube ’embed’ code.
8. Return to the WYSIWYG editor, by closing the HTML window or choosing Visual View
9. Save your Page
10. If you have just created your YouTube Video before inserting it in your web page and it does not appear straight away, then dont worry as it possibly still rendering – after a few minutes there shouldnt be a problem viewing your video immediately on loading the page.

Help Images

WYSIWYG Web Page Editor

Edit HTML Source Code