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
- Remember to follow accessibility guidelines regarding videos; see Web AIM's site on rich media accessibility for information on creating accessible video captions and transcripts.
Example