• Calendar

    February 2010
    M T W T F S S
    « Jul   Mar »
    1234567
    891011121314
    15161718192021
    22232425262728
  • Bits & Bobs RSS

    Error: Twitter did not respond. Please wait a few minutes and refresh this page.

  • CoeliacKkids

    Error: Twitter did not respond. Please wait a few minutes and refresh this page.

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

WYSIWYG Web Page Editor

Edit HTML Source Code

Edit HTML Source Code

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: