Skip to main content

Video

An embedded YouTube video with link to transcript. When the component loads, the provided image shows which can be clicked to trigger the embedded video to play.

Use​

  • In Contentful, add a Video Split Block component to a page
  • Enter the required fields, and add a new Video component
  • Enter the YouTube video URL, this can be copied directly from the URL bar, e.g. https://www.youtube.com/watch?v=lUI2UWVCQ5s
  • Provide an image - this is what's shown before the user clicks it. Once clicked, the image is replaced with the embedded video
  • Enter the transcript - this is required for accessibility reasons

What it looks like​

The image shows when loaded with a "View Transcript" link below. Clicking on the image will load the embedded video, clicking on the transcript takes you to the page with a transcript.

Please note: On the transcript page, the cover image doesn't show. The cover image only shows where the Video component is used.

What can be customised via the CMS​

  • Title
  • YouTube video URL
  • Image
  • URL slug - the page the transcript should be under raspberrypi.org/videos/SLUG_HERE
  • Transcript

Preview​

caution

This preview is a demonstration of the component, so the transcript link won't work. However the link will work when the component is added into Contentful, as the slug field will generate a valid transcript page.

info

This component will look wider than normal when previewed, as it's designed to be contained within another component.

Preview Component