Video card
The video card content type allows you to display a YouTube or Vimeo video on your page along with a heading and supporting text. It's a useful way of providing your audience with more information about the video content.
If you just want the video without a heading or supporting text use the video embed content type.
Video card example
This is what a video card looks like on a webpage.
Tagging Tiny Turtles
Scientists have found a way to track turtle hatchlings, and they hope to eventually uncover the mystery of their movements during their first journey out to sea.
Content types needed
To add a video card to your page, you need the following content types -
- Video card
- Note; you'll also need the YouTube or Vimeo ID code
Steps
Step one - Find the video ID from YouTube or Vimeo
- The YouTube ID is the code after the '=' sign in the URL. This is in bold below. https://www.youtube.com/watch?v=IBt7Is0noh4
- The Vimeo ID is the code after the final '/' sign in the URL. This is in bold below. https://vimeo.com/97415838
Step two - Create your video card content type
- Name: give the content type a name that will help you remember what it contains. This won't appear on the public webpage, only in T4.
- Heading: add heading/title which will appear to the right of the video. The character limit is 150.
- Supporting Text: please add text here. Text will appear below the heading. The character limit is 300.

Here you'll see the first few fields that need to be filled in on the video card
Step two - Create your video card content type (continued)
- Label: add text which will appear above
- YouTube ID: paste the YouTube ID here.
- Vimeo ID: paste the Vimeo ID here.
- Save your work and publish.

Here is where you need to add the YouTube or Vimeo code
Availability
Only on new template.
If you cannot add any of the content types mentioned, email websupport@qmul.ac.uk.