Video (YouTube) Component

Embed a YouTube video in a custom player.

On this page:

Accessibility
  • Images require Alt text.
  • Keep the default YouTube settings.
  • Let users control animations.
  • Videos must have captions.

> Read more about making this component accessible.

This component only works for YouTube videos.

Last reviewed: May 23, 2022

Using This Component

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

Copyright Concerns

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

Technical Restrictions

  1. The Video Component will only play a YouTube video.
  2. Entering a YouTube playlist or any other type of streaming video into the component will result in an error message.
  3. Visitor's browsers must have an up-to-date version of Adobe Flash Player installed to play YouTube videos.
  4. Restrictions placed on YouTube videos apply. For example, if a video is restricted to only play on certain sites, or in certain countries, the visitor may see a picture of the video, but the video will not play.

Configure - Main Settings

Click the wrench icon to 'configure' these settings.

YouTube Video Tab

YouTube Video Link: Identify your video in one of these three ways:

  • The ID that YouTube uses itself to identify a video (e.g. VVNJbqnijc8).
  • The long URL seen when the video is viewed on YouTube's site (not embedded on a Web page). You can remove additional characters from the URL — all you need is the http://www.youtube.com/watch?v=VVNJbqnijc8, where VVNJbqnijc8 is the ID for your video.
  • The short URL that YouTube generates for its videos in the Share tool (e.g. http://youtu.be/VVNJbqnijc8).

Alt text - Your video is automatically given a thumbnail image with the play button.  

  • Add a description of the thumbnail image for users who may have difficulty seeing it.
    • Alt text is required by New York State policy for images that have a function such as this.
    • Blanks or a carriage return are not in compliance and will be blocked.
    • See webaim.org for tips on writing alt text.
  • The screen reader will supply "image of". The user will already be provided with the video controls. Consider [image of] "YouTube video entitled abc".

Play in Popup - Not recommended (can be distracting).

Video Player Options - Select any additional features:

  • Auto Play: Not recommended (can be distracting).
  • Allow Full Screen Mode: Recommended.
  • Include Related Videos: Not recommended (undesirable content may be shown).
  • Loop: Not recommended (can be distracting).
  • Video Annotations: Recommended where available.

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.

Accessibility Concerns

See an Example

Below is a live example of a YouTube video embedded using this component.

video entitled Beauty of UB

A YouTube video in the Video Component, set to start at 10 seconds.

Watch a Training Video

Master Class Resources

Was This Information Helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)
(Required)