Video

Play a video from YouTube or your local files.

- _bookshop_name: primitives/video
  videoType: youtube
  videoId: 5dXw2jaj2so
  videoSrc: null
  videoPoster: null
  title: Live visual editing in Astro with CloudCannon
  style: 'max-width: 600px'

Properties

videoType enum | default: youtube

Accepted values:
  • youtube
  • native

videoId string

Enter a video ID from a public video on YouTube

videoSrc string

Must be mp4 as this is supported by all modern browsers

videoPoster string

The image displayed before the video plays or while it is loading.

title string

Examples

Video Types

- _bookshop_name: primitives/video
  videoType: native
  videoId: null
  videoSrc: https://sample-videos.com/video321/mp4/720/big_buck_bunny_720p_1mb.mp4
  videoPoster: /src/assets/images/component-library/bunny-video-placeholder.jpg
  title: Big Buck Bunny
  style: 'max-width: 600px'
- _bookshop_name: primitives/video
  videoType: youtube
  videoId: 4mB5KwenCzI
  videoSrc: null
  videoPoster: null
  title: Live visual editing in Astro with CloudCannon
  style: 'max-width: 600px'