Blackboard Video Tools
Classroom Hands-On Workshop
What is Embedded Video?
 Embedded video means video that is placed on the
same page as the online content the end-user is
seeing, as opposed to being linked to a separate web
page.
 Users are more likely to engage in content that is
right in front of them, rather than following a link to
another page.
What is Embedded Video?
Linked Video
Embedded Video
How does video work with
Blackboard?
 There are 2 alternatives to linking to external pages
for using video in Blackboard:
Youtube Mashups and Embedded Video
 Both of these options allow the videos to be kept in
the Blackboard content area rather than forcing the
student to an external website.
 Students are more likely to engage the content if it’s
right in front of them.
Using Youtube Mashups
 The Mashup tool is located in the drop-down menu
under the Build Content tab.
 The Mashup tool creates an item that plays the video
right in the Blackboard content area.
 Use the handout to follow along, then create your
own Mashup in your practice course.
Embedding Youtube Video
 As an alternative to the Mashup tool, most Youtube
videos can be embedded directly into a Blackboard
item.
 The embedded Youtube video can be played directly
in the Blackboard content area.
 ***NOTE*** Only videos that support “old” embed
code should be used with Blackboard.
 Use the handout to follow along, then embed your
own Youtube video in your practice course.
Embedding Vimeo Video
 Vimeo videos can be embedded in a similar way to
Youtube videos.
 The embedded Vimeo video can be played directly in
the Blackboard content area.
 ***NOTE*** Only videos that support “old” embed
code should be used with Blackboard.
 Use the handout to follow along, then embed your
own Vimeo video in your practice course.
Tips and Tricks
 It Didn’t Work!
 You probably used a type of embed code that
Blackboard doesn’t support. <iframe> tags in
Blackboard are not compatible with all browsers.
Tips and Tricks
 But <iframe> Tags Worked For Me!
 <iframe> Tags will work sometimes in some browsers.
 The results can be unpredictable, and you want your
content to work for everyone.
 At this point, the best practice is to use only “old”
embed code.
Tips and Tricks
 Examples of Issues with <iframe> Tags
Firefox - <iframe> code
works correctly
IE – Menu can’t be
accessed because it’s
behind the <iframe> video
Solution: Use “old” embed code for maximum
compatibility and to avoid problems!
Chrome – Content below
the <iframe> video
disappears
Tips and Tricks
 This video can’t be embedded?
 Sometimes online videos can’t be embedded. You
can always link to the video by creating a URL, or
using the Mashup tool if it’s a Youtube video.
Tips and Tricks
 I don’t see the
icon?
 In some content areas the 2nd row of icons on the
toolbar is hidden.
Click the down-arrow button to enable the missing
icons.
Tips and Tricks
 I can’t find any “old”
embed code!
 Some websites just don’t
have “old” embed code.
 You can always link to any
web page by using the
Create URL option from the
Build Content drop-down
menu.
 Avoid using code with
<iframe> tags even if it looks
like it works for you – it
might not work for your
students!
Tips and Tricks
 Websites with embed code that works with
Blackboard in all browsers:
 http://www1.teachertube.com/
 http://www.dailymotion.com/us
 http://digital.films.com/Dashboard.aspx
(accessible via the WilmU Library website for Films-On-Demand)
 There are other sites that work with Blackboard, look for links
that say “old” embed code, check-boxes that mention <iframe>,
etc.
Brainstorm Ideas
 What are some of the other ways you could use these
tools?
 Add enrichment to articles/journal links
 Utilize multimedia in assessments
 Provide tutorials on course content or objectives
 What other ways could these tools be used to serve
students?
Support and Information
 Contact EdTech@wilmu.edu for support or with
questions.
 Please specify which workshop you have questions
about.