Video Block

The Video component supports embedded video from YouTube, Vimeo, Box and other mp4 videos. The block also includes an optional headline above the video player and optional descriptive text below the video player.

Best Practices

• You only need to use the video ID, not the entire share link. In this YouTube example, https://youtu.be/ziPPqLZkl80, you would only insert ziPPqLZkl80 into the Video ID field.

Settings

• Headline: show/hide video block headline (edit text by double-clicking in block)
• Description: show/hide video description (edit text by double-clicking in block)

Video

• Provider: HMTL5 Source (.mp4), YouTube, YoutTube (no cookie), Vimeo, UT Box
• Video ID: the ID of the video; see above for example
• Autoplay: check to autoplay on load (default: not checked)
• Loop: check to loop video after play (default: not checked)
• Controls: show play, ff, rewind, and volume controls (default: checked)
• Related: show related videos, if available, after play (default: checked)
• Modest: reduce number of controls, if available (default: unchecked)

This component has multiple elements. Be sure to select the element you want to apply settings to. Selected elements are indicated by the blue highlight. Click the up arrow to select element layer above.

Not all settings are available for all Provider options.

Additional Instructions for using UT Box

We always suggest using a department Box instead of a personal one for uploading videos and documents. Once you’ve uploaded the video to Box click the Share icon to setup sharing for the video. Make sure the options are set to ‘People with the link’ and ‘Can view only’ or ‘Can view or download.’ You will also want to click on Link Settings and uncheck the box in the Link Expiration section. The Video ID for Box is everything after the ‘s/’ as an example in this shared link (https://utexas.box.com/s/ouiyg42qb8uv8p3ib1q05z6mnr8su5cv) the ID would be (ouiyg42qb8uv8p3ib1q05z6mnr8su5cv).

Because of how Box hosts videos you will not see a preview or poster image of the video in the Pages canvas but when you preview or publish the page the video will load correctly.

updated August 9, 2023