Skip to main content
T4 Support

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.

Video

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

  1. The YouTube ID is the code after the '=' sign in the URL. This is in bold below. https://www.youtube.com/watch?v=IBt7Is0noh4
  2. 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

  1. 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.
  2. Heading: add heading/title which will appear to the right of the video.  The character limit is 150.
  3. Supporting Text: please add text here. Text will appear below the heading. The character limit is 300.
A screenshot of the first part of a video card content type

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)

  1. Label: add text which will appear above
  2. YouTube ID: paste the YouTube ID here.
  3. Vimeo ID: paste the Vimeo ID here.
  4. Save your work and publish.
Screenshot of video card content types

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.

 

Back to top