SJC 2023 - Video Content content type details
ID: 567
Name: SJC 2023 - Video Content
Description: Adds the YouTube and Panopto video to the page either as a modal or embed
Content element details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes |
| Show on Secondary page | Select the checkbox to show the content on the full width secondary page | 80 Characters | Check Box | No |
| Section Heading (H2) | Enter the title for the content | 50 Characters | Plain Text | No |
| Video Caption | Enter the caption for the video | 500 Characters | Plain Text | No |
| Video Modal Image (1200x675) | Select the image from the media library | 80 Kilobytes | Media | No |
| YouTube Video Embedded URL | Enter the embed YouTube video URL | 500 Characters | Plain Text | No |
| YouTube Video Modal URL | Enter the plain YouTube video URL | 500 Characters | Plain Text | No |
| Panopto Video Embedded URL | Enter the Panopto video URL | 500 Characters | Plain Text | No |
| Panopto Video Modal URL | Enter the Panopto video URL | 500 Characters | Plain Text | No |
How to use
A component which adds either a YouTube or Panopto video to a page. The video can either be embedded on the page or appear in a modal, depending which field the video url is added to.
For the YouTube Video Embedded URL field, enter the embed url e.g. https://www.youtube.com/embed/VELhuAv0DIo?si=gVKHDYJ-fm3IP5RE. Get the embed url by clicking Share under the video then Embed. Just copy the url in between the speech marks after 'src='.
For the YouTube Video Modal URL field, just copy the address from the browser address bar e.g. https://www.youtube.com/watch?v=VELhuAv0DIo.
If using one of the modal options, add a video modal image to trigger the modal.
A caption can be added which is displayed below either the embedded video or the video modal image.
Select the Show on Secondary page checkbox when using this on pages with the Secondary page layout to set the center alignment.
Examples
YouTube Embed
YouTube Modal
.jpg)
Panopto Embed
Panopto Modal