Home ▻ T4 Training▻Training▻Training Examples▻Large Video

Large Video

Example Large Video

This is the description of the example large video. This content type optionally links to a section.

More Information

About the Large Video content type

The Large Video content types is an alternative way of displaying a video on your page. There is a text box to the right of your video for a Description and the option of adding a clickable link. For accessibility remember to make link information meaningful - avoid ambiguous labels such as 'Read More' or 'Click Here, instead, add detail (e.g. 'Read more about our research') so that when the link is read out (by a screen reader) out of context, it will make sense. 

This is important because, just as you might scan a page for all the links, a person with vision impairment or low vision can ask their screen reader  to quickly list all links on the current page. You only have 16 characters so using 'More Information' works and is a more descriptive option.

You will need the Video ID for the YouTube video you are displaying

  • Clicking on the Share icon provides code such as: https://youtu.be/BxgFMf-1QSQ?si=X-CTwTvv-OuOmkaN
  • The part you need for 'Large Video' content type is YouTube ID taken from the code above - BxgFMf-1QSQ

How to add a Large Video to your webpage

  1. Go to the section where you want to add the 'Large Video' content type
  2. Click on the Actions button and choose Edit section from the dropdown menu
    Actions Button
  3. Click on +Add content button
    Add Content button
  4. Choose the 'Large Video' content type
  5. Give the content a Name
  6. Insert the Video ID in the Video ID field
  7. Insert a Description (the text that appears on the right hand side). You have a maximum of 169 characters.
  8. Click on +Add section link or +Add content link to add a link to a Section or a piece of Content.
    Add Section Link and Content Links buttons side by side
  9. If you link to something, you should provide a Link Name, as per the example above ('More Information'). You have a maximum of 16 characters.
  10. Click Save changes to put your content on Pending
    Save changes button. No option to save and approve or save as draft..
    Or else,
    Click on the small white arrow and click Save and approve to approve your content
    T4's Save and approve option, selected

See how this content type looks in different page types:
With Rightbar, Without Rightbar, Widescreen, and Ultra-Wide (sub-site) / Ultra-Wide (top-level) pages
or else
Normal, Widescreen, and Ultra-Wide (Sub-Site) / Ultra-Wide (Top-Level) Landing pages

Note: You change a page's width (and other options) using its section's 'Page Customisation Keywords' field - see my interactive demonstration for full information.