Stream
Import
Section titled “Import”import { Stream } from "~/components"
Chapters
<Stream id="0f5d548ef3f606e6833b78e0193847c4" title="Connect and secure from any network to anywhere" thumbnail="https://pub-d9bf66e086fb4b639107aa52105b49dd.r2.dev/Connect-and-secure-from-any-network-to-anywhere.jpg" chapters={{ "Chapter 1": "30s", "Chapter 2": "1m30s", "Chapter 3": "3m15s", "Chapter 4": "3m25s", "Chapter 5": "3m35s", }}/>
<Stream>
Props
Section titled “<Stream> Props”required
type: string
The ID of the Stream video.
required
type: string
The title of the Stream video.
thumbnail
Section titled “thumbnail”type: string
Either a timestamp (i.e 2.5s
or 1m35s
) or a URL to an image.
chapters
Section titled “chapters”type: Record<string, string>
Optional chapters displayed as cards below the video.
showMoreVideos
Section titled “showMoreVideos”type: boolean
default: true
Whether to show the "Watch more videos on our Developer Channel" link below the video.
Was this helpful?
- Resources
- API
- New to Cloudflare?
- Products
- Sponsorships
- Open Source
- Support
- Help Center
- System Status
- Compliance
- GDPR
- Company
- cloudflare.com
- Our team
- Careers
- 2025 Cloudflare, Inc.
- Privacy Policy
- Terms of Use
- Report Security Issues
- Trademark