Embed a YouTube video in a custom player.
This component only works for YouTube videos.
Last reviewed: May 23, 2022
This component has only one tab.
Videos can be displayed singly, using this component, or as a gallery using the Video Gallery component. They can also be given descriptions. The Video Player settings include options for Auto Play, Full Screen Mode, Including Related Videos, Looping, HD Quality, Video Annotations and Pop-up display.
As an alternative to YouTube, consider UB's Panopto video recording software.
> embedding Panopto
YouTube aggressively removes videos that do not clearly meet copyright restrictions. Suspect videos may vanish without warning. If you produce YouTube videos, be sure to follow their copyright guidelines. > read more about YouTube copyright
Click the wrench icon to 'configure' these settings.
YouTube Video Link: Identify your video in one of these three ways:
Alt text - Your video is automatically given a thumbnail image with the play button.
Play in Popup - Not recommended (can be distracting).
Video Player Options - Select any additional features:
Start At - Set an optional starting point partway into the video (e.g. "30s", "20m30s", "3h20m30s").
YouTube is cracking down on copyrighted materials and is removing videos and even shutting down channels that use music (or other assets) without clear authorization from the copyright owner.
This is affecting virtually all videos on YouTube. Many UB channels and videos, including the most highly trafficked, are at risk. Channel owners can dispute claims if they believe copyright infringement claims are invalid.
It is important that all UB communicators who use YouTube videos take immediate action and in future act with care to avoid losing their channel or having their videos blocked by copyright owners.
Alternative text ('Alt text') is a best practice for all your UBCMS images and is often required for accessibility so screen readers can tell visually disabled users what they are not seeing.
Purely decorative images can be set as "This image does not require Alt text" in many components. This nullifies any Alt text that was already entered.
Captions -- Some components (e.g. Photo) support a nested Caption that can serve in place of Alt text, provided the Caption provides a meaningful description of the image.
However, Alt text is required in these contexts:
* When the image is a link, the Alt text should support the function of the link, not the image. Screen readers will treat this image as a standard link.
Alt text can be added to images in Assets. This is required for images that are then used in the Photo Gallery component, while it can also be used as an alternate source for Alt text in some components (e.g. the Photo setting 'Get Alt text from Assets').
The user should control carousels, slideshows and video, so they are not confused by unexpected behavior and to provide enough time for them to process each segment.
These recommendations are supported by default in UBCMS carousel, slideshow and video components. Please comply with this best practice if you embed external video or animations.
Videos that automatically popup, autoplay, or loop can be confusing for some users, and will probably annoy everyone in general. It is always best to let the user decide how to interact with your website.
Video must also have controls to start/stop and replay, which are standard for YouTube, which is why we recommend its use.
Best practice: keep the default settings when using the Video component.
All videos on UBCMS websites must have captions. An additional transcript is optional, but if provided, should be closely associated with the video player. Captions (and transcripts) support those who cannot see or hear your video.
Best practice: captions are most easily added using the automated tools on YouTube, even if the final placement is not in that platform.
Below is a live example of a YouTube video embedded using this component.