--- title: Stream description: Embed a Cloudflare Stream video. image: https://developers.cloudflare.com/cf-twitter-card.png --- > 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. [Skip to content](#%5Ftop) # Stream The `Stream` component is used `47` times on `45` pages. See all examples of pages that use Stream Used **47** times. **Pages** * [/ai-crawl-control/](https://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://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://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://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://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://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://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://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://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/team-and-resources/devices/cloudflare-one-client/](https://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://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://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) * [/dns/manage-dns-records/](https://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://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://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://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://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://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://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://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://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://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://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://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://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://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://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://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://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://developers.cloudflare.com/security/analytics/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/security/analytics.mdx) * [/security/](https://developers.cloudflare.com/security/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/security/index.mdx) * [/speed/optimization/content/compression/](https://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://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://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://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://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/components/stream/](https://developers.cloudflare.com/style-guide/components/stream/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/style-guide/components/stream.mdx) * [/tunnel/](https://developers.cloudflare.com/tunnel/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/tunnel/index.mdx) * [/tunnel/setup/](https://developers.cloudflare.com/tunnel/setup/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/tunnel/setup.mdx) * [/turnstile/](https://developers.cloudflare.com/turnstile/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/turnstile/index.mdx) * [/waf/get-started/](https://developers.cloudflare.com/waf/get-started/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/waf/get-started.mdx) * [/waf/](https://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) * [src/content/partials/networking-services/cloudflare-wan/overview.mdx](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/partials/networking-services/cloudflare-wan/overview.mdx) ## Import ``` 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 ``` ``` ## `` 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://developers.cloudflare.com/style-guide/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. ```json {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"/directory/","name":"Directory"}},{"@type":"ListItem","position":2,"item":{"@id":"/style-guide/","name":"Style Guide"}},{"@type":"ListItem","position":3,"item":{"@id":"/style-guide/components/","name":"Components"}},{"@type":"ListItem","position":4,"item":{"@id":"/style-guide/components/stream/","name":"Stream"}}]} ```