Play YouTube, Vimeo, or Other Hosted Videos in Your Coursework

The best way to embed video in your WebAssign coursework is to use a video hosted on your school's Web server or a video sharing service like YouTube or Vimeo.

Alternatively, see Link to External Resource Materials in Your Coursework.

Video sharing services like YouTube and Vimeo are free and offer a number of advantages:
  • Existing videos uploaded by other instructors who have made them publicly available
  • Privacy controls that let you manage access to your videos
  • Automatic optimization for the device on which it is being viewed, including mobile devices

If for whatever reason you don't want to use these services, most schools also provide instructors with Web space for their classes; if you are not sure about this, ask your school's IT department. Depending on your school, you usually will not have many of the features offered by video sharing services.

Before starting, upload or locate the video that you want to use.

  1. Navigate to the video in your Web browser.
  2. Copy the video embedding code.
    Video Hosting Steps
    YouTube
    1. Click Share.
    2. Under the Share link, click Embed.

      A box displays the embed code.

    3. Copy the entire embedding code.
    Vimeo
    1. Click Share.

      The Share This Video panel displays both the video Link and Embed code.

    2. Copy the entire embedding code.
    School or other web server

    It's unlikely that your school server has a video sharing mechanism that generates the code for you. However, you can create the code yourself.

    1. Copy the Web address of the video.
    2. Use the following code:
      
      <iframe 
        src="web_address" 
        width="width" 
        height="height" 
        frameborder="0" seamless></iframe>
      where web_address is the Web address of the video, and width and height specify the size of the frame in which the video will be embedded.
      Important When linking to content outside of WebAssign, make sure the web address of the content starts with https:// instead of http://. Otherwise, your students might see a browser warning or not be able to open the link.
      Tip If you don't know what dimensions to use, start with width="640" height="360" and adjust as needed for your video.
  3. Open your question, assignment, or announcement for editing.
  4. Paste the embedding code where you want the video to be embedded.
  5. Save your question, assignment, or announcement.
    Note Embedded videos usually will not play in the Assignment Previewer or in your view of an announcement. Use the Student View to verify that your video is displayed correctly for your students.

Example Assignment with YouTube Video

Assignment 5345850 (Quadratic Equations Example Assignment) includes a YouTube video explaining how to solve quadratic equations by factoring.

Instructions
Watch the following video and solve the problems by factoring.<br><br>
<iframe width="640" height="360" src="//www.youtube.com/embed/MoWkK2nTFxw?rel=0" 
frameborder="0" allowfullscreen></iframe>
Display to students
Instructions with YouTube video

Example Announcement with Vimeo Video

Announcement as edited by instructor
Watch the following video before Wednesday's class and try completing some of your homework problems. Come to class 
prepared to ask any questions you have.

<iframe src="//player.vimeo.com/video/87211276" width="500" height="311" frameborder="0" webkitallowfullscreen 
mozallowfullscreen allowfullscreen></iframe>
<p><a href="http://vimeo.com/87211276">Exponential and Log regression</a> 
from <a href="http://vimeo.com/user10440384">Jack Narayan</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
Display to students
Announcement with Vimeo video