Placing Material in D2L with Embed Code

Embed code is a great way to bring outside material into your D2L site. Using embed code will make you the envy of your peers.

Many items that you can "share" on the internet allow users to copy "embed code," which allows people to place materials in their websites or blogs. The below example is from YouTube, but other sites are similar. Once you find the "embed" link you may copy the code (which the site will usually highlight for you).
copy embed code

You may place that internet content just about anywhere in D2L where you can enter text: News items, Content Pages, Quiz Questions, and Discussion Posts. You will know that it is o.k. to place the embed code if you see the following icons in the lower right corner.
editing icons

Click on the icon that looks like two brackets with a diagonal line through it.
find the html brackets

You should now see a box where you can enter your text, called the "html source editor."

open source editor

Paste the embed code you copied from the outside website into the source editor. Put the code in between <body> and </body>.  If there is material already in the page, this editor will look fuller and you will have to search for the best place to paste your code. (But, you can do it!)

paste the code

Before saving your changes, note whether or not the web address in the embed code begins with "http" or "https". If it begins "https" your life is good and you will be done. If the address begins "http" you will have to instruct your users on how to undo the security feature in their web browser that will block materials that are insecure. The "s" in the web address stands for security.

look for the "s"

If the website was secure - started with https - then you are done and your page will look like this in D2L.

all done

If the web address began with "http", you will have to disable the protection in your browser (Firefox, Internet Explorer, Google Chrome, or Safari). Different browsers have different procedures, but the two most common at UWGB are Firefox and Chrome. To disable the protection look for the signal in the address bar. Safari and Explorer will have analogous buttons to click. Once you disable the protection, you will be able to see the content. You will have to instruct your students on how to disable their browser's protection as well.

Disable protection in Firefox

disable protection in Firefox

Disable protection in Google Chrome

Disable protection in Chrome

See Also:

Keywords:D2L, Instructor, Student, embed, html, iframe, creating cool stuff   Doc ID:68032
Owner:Todd D.Group:UW Green Bay
Created:2016-10-25 13:34 CDTUpdated:2016-10-25 14:33 CDT
Sites:UW Green Bay
Feedback:  0   0