Responsive Video

Embeds a YouTube or Vimeo video that scales to the screen at the aspect ratio you choose.

Module group: Content layouts

How to add it

Edit a page, open the module picker, and search for Responsive Video. Drop it into a drag-and-drop area, then fill in the fields below. See the theme modules page for how the modules look together.

Fields

Fields are grouped as they appear in the editor. Indented rows belong to the group above them.

FieldTypeNotes
Video ProviderDropdownOptions: YouTube, Vimeo. Default: youtube.
RatioDropdownOptions: 16:9, 4:3. Default: r169.
YouTube Video IDTextFor example, the ID in this video URL https://www.youtube.com/watch?v=3E9hWeyRWG8 would be 3E9hWeyRWG8 Default: 3E9hWeyRWG8.
Vimeo Video IDTextFor example, the ID in this video URL https://vimeo.com/19664504 would be 19664504 Default: 19664504.

Other content layouts modules