OU: Responsive Video

Online video hosts such as Youtube and Vimeo allow users to create, upload and maintain high-quality video. With the standard method of embedding these videos onto a page, the videos are a fixed size and don't scale at all. On smaller screens and mobile devices, the videos get cut off.

The Responsive Video Component solves this issue by making the video scale appropriately to the device.

Fields

  • Provider - select a video provider from Youtube, Vimeo, or Panopto
  • Video ID - the ID of the video (usually something like "uxyDEtg93QU")

Notes

Example