Search
Wednesday
27May2009

Embedding a Video

Watch this tutorial as a video

Step 1 - Grab Embed Code

Most video hosting services and public video shows (vodcasts) provide snippets of code that you can easily copy and paste into your website. When viewing the video you'd like, look for the a reference link to "embed" or commonly there will be an icon on the player itself that looks like this: <>

Here are a few examples:

YouTube Embed (find it to the right of most videos)

Viddler Embed (click the sideways V next to the fullscreen option)

In any case, highlight the code and copy the code - Ctrl-V (PC) or Command-V (Mac). Then you are ready to paste the code on your website.

Step 2 - Insert Embed Code on your website

Back at your website, switch to Content Editing mode, navigate to the page you wish to add the file to, and click edit page (or new post/modify post, etc.). Click the insert video icon in the upper right corner of the edit window (next to the cog icon).

After inserting your code, click to save and close to apply this to your page.

Note: Please check the guidelines for whatever service you use to make sure your video complies with their requirements (beware of some file hosts, like Vimeo, who are notorious for spontaneous enforcement of the finer details of their terms & conditions, forcing you to suddenly remove your videos).

PrintView Printer Friendly Version

EmailEmail Article to Friend

« Inserting an Image | Main | Adding a Custom Banner Image »