Comment on page
Accessible Video
The Accessible Video feature allows content creators to add accessible videos to the website and display them in a Listing Page view and Featured Video Teaser List view.

Example of featured video display
- 1.Video must be uploaded to YouTube
- 2.Must have access to the accessible video content type (access can be requested through submitting a ticket to ccs and you will be notified once it is available)
- 3.OPTIONAL: Video Transcript file (VTT File Format). File must be less than 128 MB.
- 4.OPTIONAL: Description file. Use if you have a separate VTT file with descriptions for visually impaired users.
- 1.The video must be uploaded to YouTube
- 2.From the top administration menu bar, navigate to
Add content
, then selectAccessible Video

Example of accessible video title and video ID
- 1.Enter a Title
- 2.Enter the Video ID. This is the 11-character alphanumeric portion that comes after https://www.youtube.com/watch?v=
- 3.Upload your VTT transcript file under Transcript file
- If you have a separate VTT file with descriptions for visually impaired users, upload this file under Description file
- 4.In the Body Field, enter information about the video.

Example of the body field
- 1.If you have the proper authority to publish, select
published
in "Publishing options" - 2.Select
Save
You have now added an Accessible Video to your site.
Adding the Featured Video view pane to a homepage follows the same process as adding an event or news view pane. You can filter by category and customize how many videos show in the list.
The view pane is called: View: V1 - Listing page for multiple videos: Video teaser list
For a public list of your videos, go to https://www.uoguelph.ca/yoursite/videos. You will have the ability to filter these video by category - similar to views for news and events.
To do this, you would first need to create terms in the Video taxonomy category and select the
category
when you create a video.To embed a video within a custom block or content type such as a basic page or event, you can use the embed code that is automatically generated by the UG Video feauture. The embed code will appear beneath a video once you've created it.
Example of video embed code
Or, you can view the embed code for each video on your site at the following link: https://www.uoguelph.ca/yoursite/videos-embed
Example of video embed code page
Note: You will only be able to view the embed code if you are logged in and have editing privileges.
Last modified 4yr ago