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 More

Video 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

NameDescriptionSizeTypeRequired
NameThe Name Element80 CharactersPlain Texttrue
Video URLEnter Video URL.150 CharactersPlain Texttrue
TitleEnter the title150 CharactersPlain Texttrue
Screen Reader TitleA hidden title that will be read by screen readers. This should provide a concise and descriptive summary of the video content250 CharactersPlain Texttrue
DescriptionEnter Description 430 CharactersHtmltrue
Background ColourSelect colour from list80 CharactersSelect Boxfalse
Link Text80 CharactersPlain Textfalse
Internal Link80 CharactersSection/Content Linkfalse
External Link200 CharactersPlain Textfalse
Button colour80 CharactersSelect Boxfalse