Embedding Videos from Video Sharing Websites

Videos from video sharing websites can be embedded into posts or pages by either using:

1. Their video URL
2. Their embed code

Using a URL

Edublogs now allows you to quickly embed videos, images and other content such as Tweets and Scribd into a post or page using their URL.

Websites that you can embed using their URL are:

1. blip.tv
2. DailyMotion
3. Flickr - videos and images
4. Photobucket
5. Qik
6. Scribd
7. Twitter
8. Viddler
9. Vimeo
10. YouTube – public videos only
11. WordPress.tv

Using URL Video Tutorial

Watch the video below to learn how to embed videos using the video’s URL

Embedding a video using the URL is as simple as:

1.  Copy the video’s URL from your web browser’s address bar while viewing the video.

2.  Go to Posts > Add New or Pages > Add New or open an existing post or page in editing mode.

3.  Paste the URL on a line by itself in  your post/page editor.

Important URL Embed Tips

1.  Must not be hyperlinked

When you embed using the URL you need to make sure it is not hyperlinked.

If the URL is blue, as shown in the example below, then it is hyperlinked.

To make it work you need to unlink the video URL by selecting the whole URL and clicking on the Unlink icon on your Visual Editor toolbar.

2.  Place URL on its own line

Make sure the URL is on its own line.  There shouldn’t be any characters or whitespace before or after the URL.

Here’s what it’ll look like:

Using Embed Code

You can also embed videos using their embed code.

This is handy when you want to change the size of the video embed, remove related videos when embedding YouTube videos or are embedding from a video sharing websites where you can’t use the video URL (e.g. Ted Talks, SchoolTube or TeacherTube).

Here’s how to embed a video using the embed code:

1.   Completely write your post or page including adding title, text, images, tags and categories.

2.  Click on Save Draft.

3.  Click on Preview to previewed your post or page.

4.  Check your post and make all necessary edits.

5.  Locate video you want to embed from SchoolTube, TeacherTube or the video sharing website.

6.  Copy the embed code for the video.

• Websites use a range of different icons to represent Embed code.
• Look for icons like </>, the word Embed or hover your mouse over icons until you see the word Embed.

5.  Click on HTML Tab

6.  Paste the embed code for the video into your post where you want it to appear then click Publish. 

• Do not change back to the Visual editing mode by clicking on the Visual tab once the embed code is added — this can break the embed code.
• Close the post in HTML editing mode.
• Change back to Visual Editing mode when you write your next post by clicking on the Visual tab.

7.  When you view your blog you should now see the video embedded in your post or page.

Important Embed Code Tips

• Do not change back to the Visual editing mode by clicking on the Visual tab once the embed code is added — this can break the embed code.
• Close the post in HTML editing mode.
• Change back to Visual Editing mode when you write your next post by clicking on the Visual tab.

Remove Suggested videos

You can remove suggested videos from YouTube videos as follows:

1.  Click on Share underneath the YouTube video you want to embed.

2.  Click on Embed.

3.  Deselect Show suggested videos when the video finishes.

4.  Copy the embed code and add to your post.