Skip to Main Content

Faculty Resource Guide

This libguide provides information on a wide range of issues of relevance to faculty including how to link to library resources, what you can and cannot put into Moodle, Open Content Sites, and Information about new Scholarly Communication Hubs.

What is Embedding?


Ever see a blog or web site with a video player bar inserted into the page?  This is known as an embedded video and they have two advantages:

1. Embedded videos (see below) are visible and easy to play as the video player contains a play icon that people can easily click on if they want to view the video.

2. Video embedded from sites like YouTube can be streamed to the viewers computer without the need for local systems to host a large video.


How to Embed Videos


In order to embed a video into a Web Page, Blog or Course Managment System (CMS) such as Moodle, you will need to locate and insert embedding code into your web page.

Embedding code is a piece of URL with information about a video included in it. All embedding codes include the following bits of information:

<embed...> 

 

Place Browser Plugins code into web page ( i.e. type="application/x-shockwave-flash tells page to create Video Player for a Shockwave flash   file)

 

SRC = "text string"

 

 

Creates hypertext link  to media object  (tells browser where to get the object)

 

 

 

Height = “height expression" 

 

 

Settings for Dimensions of plugin, Allowing Script Access, Allowing for Expansion to Full Screen, etc.

 

 

WIDTH = "width expression"

NOTE: You can make modifications to this part of the code by doing things like setting your dimensions to 400hx300w (etc). If you chose to modify dimensions, keep aspect ratios in mind as many videos follow either a 4:3 or a 16:9 (widescreen) aspect ratio and not replicating them will result in a stretched or squashed video.

If you wish to embed a video you will need to locate the embedding code (generally found under Share Icons in YouTube, Blip.TV, etc) and then add this code to your site.

As you add this code you will need to be aware of whether or not the code needs to be added into the html view of a web page (or MOODLE) - or if the site provides a box into which you add the Embedding Code.  A good video about how to embed in the html view for MOODLE can be found below.

 

Embedding Code Generators 

 

New services like iframely allow you to easily create Embedding Codes from a url associated with a video.  
 

Paste the url into its window and it generates the code for you.  Copy and paste the code and you have your embedding code.


 

How To Embed YouTube videos into Moodle