Adding Course Content in Blackboard

Inserting an iFrame into Blackboard

Inserting an <iframe> into Blackboard

What is an iFrame?

An iframe is an HTML tag that allows another HTML document (webpage) to be inserted into an HTML page. The iFrame is set up as a window frame of a specified size that scrolls along with the rest of the page, but the iFrame’s content can itself be scrolled if it is larger than the iFrame window.

This means you can show content from another website directly in your Blackboard course. There are currently 10 supported domains for the use of iframes:

  • google.com
  • maine.edu
  • umaine.edu
  • uma.edu
  • umfk.edu
  • machias.edu
  • umpi.edu
  • libguides.com
  • campusguides.com
  • voicethread.com

 

Inserting into Blackboard:

An iframe can be inserted anywhere you have access to the HTML editor within Blackboard. On these items, there will be a button labeled “HTML” in the content editor (pictured below).

You will have to insert the HTML code for the iframe after clicking this button. Here is the code that can be pasted into your course:

<iframe src=”https://Your.Website/Here/” width=”100%” height=”600px”></iframe>

Attributes:

  • src is which webpage you want to show. Only HTTPS webpages can be shown through iframes in Blackboard. This means you must have the ‘s’ in https here.
  • width refers to the width of the frame itself. Usually you will set this to 100%, but can also be set in pixels or other percentages.
  • height refers to how long the frame will be. A good height for most screens is 600 pixels, but this depends on the content you are embedding and how you would like it to display. Play around with this number to find the best fit for your page.