Bard College at Simon's Rock: the Early College
  1. Home
  2. Guide
  3. Patterns
  4. Media
  5. Video

Video

Use full-width, responsive videos. 

  1. Begin within the edit window.
  2. Use the video icon in the WYSIWYG.
  3. Select the second tab - "Embed Code"
  4. Select "OK"
  5. Video will be added to the edit window.
  6. Select the video
  7. Select "DIV" from the text hierarchy drop down on the second row of the WYSIWYG.
  8. Select "YouTube - Responsive" from the styles drops 
    (This works with videos from any site not just youtube.)
  9. Control the width by placing the video within a column

Accessibility

  1. From the WYSIWYG, select video
  2. Select embed code 
  3. add a title tag that describes the video 
<iframe src="//www.youtube.com/embed/nhkY_WsqKNM?rel=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen" title="Jane goes to class"></iframe>

 

Related Videos

After a YouTube video finishes, it displays related videos. Set the videos to display videos from the same channel. 

  1. From the WYSIWYG, select video
  2. Select embed code 
  3. on video id, add ?rel=0
<iframe src="//www.youtube.com/embed/nhkY_WsqKNM?rel=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen" title="Jane goes to class"></iframe>