--- description: Embed a Cloudflare Stream video. title: Stream image: https://developers.cloudflare.com/og-docs.png --- [Skip to content](#main-content) > Documentation Index > Fetch the complete documentation index at: https://developers.cloudflare.com/style-guide/llms.txt > Use this file to discover all available pages before exploring further. # Stream Last updated Aug 24, 2026|Copy as Markdown|[View as Markdown](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/style-guide/build-the-page/components/stream/index.md)|[Agent setup](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/agent-setup/) The `Stream` component is used `48` times on `46` pages. See all examples of pages that use Stream Used **48** times. **Pages** * [/ai-crawl-control/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ai-crawl-control/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-crawl-control/index.mdx) * [/cache/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cache/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cache/index.mdx) * [/china-network/concepts/global-acceleration/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/china-network/concepts/global-acceleration/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/china-network/concepts/global-acceleration.mdx) * [/china-network/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/china-network/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/china-network/index.mdx) * [/cloudflare-one/access-controls/applications/http-apps/self-hosted-public-app/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/access-controls/applications/http-apps/self-hosted-public-app/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/access-controls/applications/http-apps/self-hosted-public-app.mdx) * [/cloudflare-one/access-controls/applications/non-http/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/access-controls/applications/non-http/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/access-controls/applications/non-http/index.mdx) * [/cloudflare-one/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/index.mdx) * [/cloudflare-one/networks/connectors/cloudflare-tunnel/get-started/create-remote-tunnel/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/networks/connectors/cloudflare-tunnel/get-started/create-remote-tunnel/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/networks/connectors/cloudflare-tunnel/get-started/create-remote-tunnel.mdx) * [/cloudflare-one/networks/connectors/cloudflare-tunnel/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/networks/connectors/cloudflare-tunnel/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/networks/connectors/cloudflare-tunnel/index.mdx) * [/cloudflare-one/networks/connectors/cloudflare-wan/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/networks/connectors/cloudflare-wan/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/networks/connectors/cloudflare-wan/index.mdx) * [/cloudflare-one/team-and-resources/devices/cloudflare-one-client/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/team-and-resources/devices/cloudflare-one-client/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/team-and-resources/devices/cloudflare-one-client/index.mdx) * [/cloudflare-one/team-and-resources/devices/cloudflare-one-client/troubleshooting/diagnostic-logs/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/team-and-resources/devices/cloudflare-one-client/troubleshooting/diagnostic-logs/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/team-and-resources/devices/cloudflare-one-client/troubleshooting/diagnostic-logs.mdx) * [/cloudflare-one/traffic-policies/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/traffic-policies/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/traffic-policies/index.mdx) * [/cloudflare-wan/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-wan/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-wan/index.mdx) * [/dns/manage-dns-records/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/dns/manage-dns-records/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/dns/manage-dns-records/index.mdx) * [/dns/zone-setups/full-setup/setup/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/dns/zone-setups/full-setup/setup/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/dns/zone-setups/full-setup/setup.mdx) * [/fundamentals/api/get-started/create-token/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/fundamentals/api/get-started/create-token/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/fundamentals/api/get-started/create-token.mdx) * [/fundamentals/concepts/how-cloudflare-works/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/fundamentals/concepts/how-cloudflare-works/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/fundamentals/concepts/how-cloudflare-works.mdx) * [/fundamentals/manage-domains/add-site/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/fundamentals/manage-domains/add-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/fundamentals/manage-domains/add-site.mdx) * [/fundamentals/manage-members/manage/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/fundamentals/manage-members/manage/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/fundamentals/manage-members/manage.mdx) * [/learning-paths/china-network-overview/series/china-express-overview-2/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/china-network-overview/series/china-express-overview-2/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/china-network-overview/series/china-express-overview-2.mdx) * [/learning-paths/china-network-overview/series/china-network-main-features-1/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/china-network-overview/series/china-network-main-features-1/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/china-network-overview/series/china-network-main-features-1.mdx) * [/learning-paths/sase-overview-course/series/connect-secure-from-any-network-to-anywhere-4/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/sase-overview-course/series/connect-secure-from-any-network-to-anywhere-4/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/sase-overview-course/series/connect-secure-from-any-network-to-anywhere-4.mdx) * [/learning-paths/sase-overview-course/series/evolution-corporate-networks-1/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/sase-overview-course/series/evolution-corporate-networks-1/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/sase-overview-course/series/evolution-corporate-networks-1.mdx) * [/learning-paths/sase-overview-course/series/protect-users-from-internet-risks-5/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/sase-overview-course/series/protect-users-from-internet-risks-5/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/sase-overview-course/series/protect-users-from-internet-risks-5.mdx) * [/learning-paths/sase-overview-course/series/secure-remote-access-to-critical-infrastructure-3/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/sase-overview-course/series/secure-remote-access-to-critical-infrastructure-3/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/sase-overview-course/series/secure-remote-access-to-critical-infrastructure-3.mdx) * [/learning-paths/sase-overview-course/series/stop-hosting-own-vpn-service-2/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/sase-overview-course/series/stop-hosting-own-vpn-service-2/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/sase-overview-course/series/stop-hosting-own-vpn-service-2.mdx) * [/learning-paths/warp-overview-course/series/warp-basics-1/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/warp-overview-course/series/warp-basics-1/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/warp-overview-course/series/warp-basics-1.mdx) * [/learning-paths/warp-overview-course/series/warp-basics-2/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/warp-overview-course/series/warp-basics-2/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/warp-overview-course/series/warp-basics-2.mdx) * [/load-balancing/load-balancers/create-load-balancer/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/load-balancing/load-balancers/create-load-balancer/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/load-balancing/load-balancers/create-load-balancer.mdx) * [/registrar/get-started/transfer-domain-to-cloudflare/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/registrar/get-started/transfer-domain-to-cloudflare/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/registrar/get-started/transfer-domain-to-cloudflare.mdx) * [/security/analytics/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/security/analytics/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/security/analytics.mdx) * [/security/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/security/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/security/index.mdx) * [/speed/optimization/content/compression/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/speed/optimization/content/compression/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/speed/optimization/content/compression.mdx) * [/ssl/concepts/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ssl/concepts/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ssl/concepts.mdx) * [/ssl/origin-configuration/ssl-modes/full/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ssl/origin-configuration/ssl-modes/full/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ssl/origin-configuration/ssl-modes/full.mdx) * [/ssl/origin-configuration/ssl-modes/ssl-only-origin-pull/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ssl/origin-configuration/ssl-modes/ssl-only-origin-pull/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ssl/origin-configuration/ssl-modes/ssl-only-origin-pull.mdx) * [/ssl/troubleshooting/version-cipher-mismatch/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ssl/troubleshooting/version-cipher-mismatch/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ssl/troubleshooting/version-cipher-mismatch.mdx) * [/style-guide/build-the-page/components/stream/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/style-guide/build-the-page/components/stream/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/style-guide/build-the-page/components/stream.mdx) * [/tunnel/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/tunnel/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/tunnel/index.mdx) * [/tunnel/setup/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/tunnel/setup/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/tunnel/setup.mdx) * [/turnstile/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/turnstile/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/turnstile/index.mdx) * [/waf/get-started/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/waf/get-started/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/waf/get-started.mdx) * [/waf/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/waf/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/waf/index.mdx) **Partials** * [src/content/partials/cloudflare-one/troubleshooting/warp-client.mdx](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/partials/cloudflare-one/troubleshooting/warp-client.mdx) * [src/content/partials/fundamentals/what-is-cloudflare.mdx](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/partials/fundamentals/what-is-cloudflare.mdx) ## Import ```mdx import { Stream } from "~/components"; ``` ## Usage Chapters * ![Chapter 1](https://customer-1mwganm1ma0xgnmj.cloudflarestream.com/86f22d1f760b77cdc349f89b25b63c3e/thumbnails/thumbnail.jpg?fit=crop&time=30s) **Chapter 1**30s * ![Chapter 2](https://customer-1mwganm1ma0xgnmj.cloudflarestream.com/86f22d1f760b77cdc349f89b25b63c3e/thumbnails/thumbnail.jpg?fit=crop&time=90s) **Chapter 2**1m30s * ![Chapter 3](https://customer-1mwganm1ma0xgnmj.cloudflarestream.com/86f22d1f760b77cdc349f89b25b63c3e/thumbnails/thumbnail.jpg?fit=crop&time=195s) **Chapter 3**3m15s * ![Chapter 4](https://customer-1mwganm1ma0xgnmj.cloudflarestream.com/86f22d1f760b77cdc349f89b25b63c3e/thumbnails/thumbnail.jpg?fit=crop&time=205s) **Chapter 4**3m25s * ![Chapter 5](https://customer-1mwganm1ma0xgnmj.cloudflarestream.com/86f22d1f760b77cdc349f89b25b63c3e/thumbnails/thumbnail.jpg?fit=crop&time=215s) **Chapter 5**3m35s Chapters * ![Introduction and WARP GUI Basics](https://customer-1mwganm1ma0xgnmj.cloudflarestream.com/31178cc41d0ec56d42ef892160589635/thumbnails/thumbnail.jpg?fit=crop&time=0s) **Introduction and WARP GUI Basics**0s * ![Consumer vs Corporate WARP](https://customer-1mwganm1ma0xgnmj.cloudflarestream.com/31178cc41d0ec56d42ef892160589635/thumbnails/thumbnail.jpg?fit=crop&time=57s) **Consumer vs Corporate WARP**57s * ![Device Profiles Explained](https://customer-1mwganm1ma0xgnmj.cloudflarestream.com/31178cc41d0ec56d42ef892160589635/thumbnails/thumbnail.jpg?fit=crop&time=95s) **Device Profiles Explained**01m35s * ![WARP Operating Modes](https://customer-1mwganm1ma0xgnmj.cloudflarestream.com/31178cc41d0ec56d42ef892160589635/thumbnails/thumbnail.jpg?fit=crop&time=132s) **WARP Operating Modes**02m12s * ![Split Tunneling](https://customer-1mwganm1ma0xgnmj.cloudflarestream.com/31178cc41d0ec56d42ef892160589635/thumbnails/thumbnail.jpg?fit=crop&time=184s) **Split Tunneling**03m4s * ![Conclusion](https://customer-1mwganm1ma0xgnmj.cloudflarestream.com/31178cc41d0ec56d42ef892160589635/thumbnails/thumbnail.jpg?fit=crop&time=296s) **Conclusion**04m56s ```mdx ``` ## `` Props ### `id` **required** **type:** `string` The ID of the Stream video. ### `title` **required** **type:** `string` The title of the Stream video. ### `thumbnail` **type:** `string` Either a timestamp (i.e `2.5s` or `1m35s`) or a URL to an image. ### `chapters` **type:** `Record` Optional chapters displayed as cards below the video. ### `expandChapters` **type:** `boolean` **default:** `false` If `chapters` is present, is passed through to the `open` property of the [Details component](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/style-guide/build-the-page/components/details/). ### `showMoreVideos` **type:** `boolean` **default:** `true` Whether to show the "Watch more videos on our Developer Channel" link below the video. ### `file` **type:** `string` If `file` is provided, the `id`, `title`,` thumbnail` and `chapters` properties cannot be used and are instead retrieved from the YAML file in the [stream ↗](https://github.com/cloudflare/cloudflare-docs/tree/production/src/content/stream) collection. Was this helpful? YesNo ## On this page [![](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/_astro/logo.te5VL_aD.svg)Docs](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/) ```json {"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/style-guide/build-the-page/components/stream/#page","headline":"Stream · Cloudflare Style Guide","description":"Embed a Cloudflare Stream video.","url":"https://developers.cloudflare.com/style-guide/build-the-page/components/stream/","inLanguage":"en","image":"https://developers.cloudflare.com/og-docs.png","dateModified":"2026-08-24","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}} ```