Adding YouTube Videos to Pages

YouTube videos have code that allow you to display them right on your web page, rather than having to link to them. Follow these steps to do this.

Find the video you want on YouTube. As an example, we will use the “Pit Crew Fail” video at http://www.youtube.com/watch?v=TpP9-PaAlSs

To the right of the video is an Embed field that has the code to use on your site. Click in the field to select the text and copy it (Ctrl+C).youtubeembed.jpg

On your website, click the Edit Content button if you haven’t already.

Click the HTML mode button below the content.

Place the cursor where you want to place the video and paste the code you copied in step 2 (Ctrl+V).

If you want content next to the video or to display the video in the center or right, see “Aligning a Video” below. Then continue with these steps.

Click the pencil to switch back to Design mode.

Make any other changes you want to the page and click the floppy disc button to save your changes, or the X button to cancel them.

Aligning a Video

If you want to display a video in the center or to the right, but without any other content beside it, follow these steps:

  1. In the HTML mode, place the cursor before the video code.
  2. To center it, add this code: <div style="text-align: center;">
  3. To right align it, add this code: <div style="text-align: right;">
  4. Add this code after the end of the video code: </div>

If you want to display a video with content next to it, follow these steps.

  1. In the HTML mode, place the cursor before the video code.
  2. To left align it, add this code: <div style="float: left; margin-right: 5px;">
  3. To right align it, add this code: <div style="float: right; margin-left: 5px;">
  4. Add this code after the end of the video code: </div>
Back to list...