University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Video (YouTube) Component

Display a YouTube video on your page in a custom player.

Accessibility Concerns

State and federal rules require all videos to be ADA compliant, with meaningful captions.  > read more on accessible videos

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

The component as it is first displayed on the page.

The component as it is first displayed on the page.

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.

Using This Component

Add the component to the page. There is only one tab.

This component only works for YouTube videos.

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.

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.
The component opened for editing.

The component opened for editing.

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.

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.

Was this page helpful?

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

On this page:

See Examples:

Master Class Resources:

Related Videos:

Skillful use of visual elements such as photography and video will lift your content to an entirely new and engaging level, one that words can’t achieve alone.

Related Components:

Last Revised:

October 16, 2017