Video Card
This content type can allows you to embed videos from YouTube, Vimeo or HEAnet in a card format, with options for different background colours.
Examples
Thrive: Trinity College Dublin Strategic Plan 2025 - 2030
To mark the launch of Thrive, Trinity College Dublin’s new strategic plan, we asked students and staff from all across our College community about their aspirations and ambitions for the next five years. You can read the strategic plan in full and find regular updates here. #ThriveInTrinity
Read MoreVideo Card with Dark Grey Background
This video card has a Dark Grey background and is displaying a video from YouTube.
Video Card with Light Grey Background
This video card has a Light Grey background. It is displaying a video from HEANet.
Video Card with No Background
This video card has no background. It is displaying a video from Vimeo.
How to use
This content type can be used to load videos from YouTube, Vimeo or HEAnet onto your page.
Please copy the full video URL provided in the address bar or link provided.
To add a video to your page, you will need to know the Video web address (URL), title and description. The background colour is optional.
Video card Content Type
ID: 332
Name: Video card
Description: Used to add video card to site.
The Video card content type will allow you to enter a YouTube or Vimeo ID and this will be rendered automatically. You can also enter the full URL of a HEAnet video and this too will be automatically rendered.
Page layouts
This can be used on all page layouts but would advise full-width layouts.
Content Element Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | true |
| Video URL | Enter Video URL. | 150 Characters | Plain Text | true |
| Title | Enter the title | 150 Characters | Plain Text | true |
| Screen Reader Title | A hidden title that will be read by screen readers. This should provide a concise and descriptive summary of the video content | 250 Characters | Plain Text | true |
| Description | Enter Description | 430 Characters | Html | true |
| Background Colour | Select colour from list | 80 Characters | Select Box | false |
| Link Text | 80 Characters | Plain Text | false | |
| Internal Link | 80 Characters | Section/Content Link | false | |
| External Link | 200 Characters | Plain Text | false | |
| Button colour | 80 Characters | Select Box | false |