---
description: Embed a YouTube video by ID.
title: YouTube
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.

# YouTube

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/youtube/index.md)|[Agent setup](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/agent-setup/)

The `YouTube` component is used `36` times on `36` pages.

See all examples of pages that use YouTube

Used **36** times.

**Pages**

* [/ai-gateway/features/guardrails/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ai-gateway/features/guardrails/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-gateway/features/guardrails/index.mdx)
* [/ai-search/how-to/nlweb/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ai-search/how-to/nlweb/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-search/how-to/nlweb.mdx)
* [/learning-paths/durable-objects-course/series/build-the-app-frontend-5/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/durable-objects-course/series/build-the-app-frontend-5/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/durable-objects-course/series/build-the-app-frontend-5.mdx)
* [/learning-paths/durable-objects-course/series/deploy-your-video-call-app-7/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/durable-objects-course/series/deploy-your-video-call-app-7/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/durable-objects-course/series/deploy-your-video-call-app-7.mdx)
* [/learning-paths/durable-objects-course/series/introduction-to-series-1/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/durable-objects-course/series/introduction-to-series-1/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/durable-objects-course/series/introduction-to-series-1.mdx)
* [/learning-paths/durable-objects-course/series/make-answer-webrtc-calls-6/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/durable-objects-course/series/make-answer-webrtc-calls-6/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/durable-objects-course/series/make-answer-webrtc-calls-6.mdx)
* [/learning-paths/durable-objects-course/series/real-time-messaging-with-websockets-4/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/durable-objects-course/series/real-time-messaging-with-websockets-4/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/durable-objects-course/series/real-time-messaging-with-websockets-4.mdx)
* [/learning-paths/durable-objects-course/series/serverless-websocket-backend-3/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/durable-objects-course/series/serverless-websocket-backend-3/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/durable-objects-course/series/serverless-websocket-backend-3.mdx)
* [/learning-paths/durable-objects-course/series/what-are-durable-objects-2/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/durable-objects-course/series/what-are-durable-objects-2/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/durable-objects-course/series/what-are-durable-objects-2.mdx)
* [/learning-paths/r2-intro/series/r2-1/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/r2-intro/series/r2-1/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/r2-intro/series/r2-1.mdx)
* [/learning-paths/r2-intro/series/r2-2/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/r2-intro/series/r2-2/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/r2-intro/series/r2-2.mdx)
* [/learning-paths/r2-intro/series/r2-3/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/r2-intro/series/r2-3/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/r2-intro/series/r2-3.mdx)
* [/learning-paths/r2-intro/series/r2-4/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/r2-intro/series/r2-4/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/r2-intro/series/r2-4.mdx)
* [/learning-paths/r2-intro/series/r2-5/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/r2-intro/series/r2-5/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/r2-intro/series/r2-5.mdx)
* [/learning-paths/workers/devplat/intro-to-devplat/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/workers/devplat/intro-to-devplat/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/workers/devplat/intro-to-devplat.mdx)
* [/learning-paths/workflows-course/series/workflows-1/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/workflows-course/series/workflows-1/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/workflows-course/series/workflows-1.mdx)
* [/learning-paths/workflows-course/series/workflows-2/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/workflows-course/series/workflows-2/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/workflows-course/series/workflows-2.mdx)
* [/learning-paths/workflows-course/series/workflows-3/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/workflows-course/series/workflows-3/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/workflows-course/series/workflows-3.mdx)
* [/pages/framework-guides/deploy-a-hono-site/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/pages/framework-guides/deploy-a-hono-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-hono-site.mdx)
* [/pages/framework-guides/deploy-a-nuxt-site/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/pages/framework-guides/deploy-a-nuxt-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-nuxt-site.mdx)
* [/pages/framework-guides/deploy-an-astro-site/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/pages/framework-guides/deploy-an-astro-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-an-astro-site.mdx)
* [/pages/tutorials/build-an-api-with-pages-functions/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/pages/tutorials/build-an-api-with-pages-functions/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/tutorials/build-an-api-with-pages-functions.mdx)
* [/realtime/realtimekit/quickstart/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/realtime/realtimekit/quickstart/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/realtime/realtimekit/quickstart.mdx)
* [/style-guide/build-the-page/components/youtube/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/style-guide/build-the-page/components/youtube/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/style-guide/build-the-page/components/youtube.mdx)
* [/use-cases/ai/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/use-cases/ai/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/use-cases/ai/index.mdx)
* [/workers-ai/features/function-calling/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers-ai/features/function-calling/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers-ai/features/function-calling/index.mdx)
* [/workers-ai/guides/tutorials/explore-code-generation-using-deepseek-coder-models/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers-ai/guides/tutorials/explore-code-generation-using-deepseek-coder-models/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers-ai/guides/tutorials/explore-code-generation-using-deepseek-coder-models.mdx)
* [/workers-ai/guides/tutorials/explore-workers-ai-models-using-a-jupyter-notebook/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers-ai/guides/tutorials/explore-workers-ai-models-using-a-jupyter-notebook/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers-ai/guides/tutorials/explore-workers-ai-models-using-a-jupyter-notebook.mdx)
* [/workers-ai/guides/tutorials/how-to-choose-the-right-text-generation-model/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers-ai/guides/tutorials/how-to-choose-the-right-text-generation-model/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers-ai/guides/tutorials/how-to-choose-the-right-text-generation-model.mdx)
* [/workers-ai/guides/tutorials/image-generation-playground/image-generator-flux-newmodels/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers-ai/guides/tutorials/image-generation-playground/image-generator-flux-newmodels/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers-ai/guides/tutorials/image-generation-playground/image-generator-flux-newmodels.mdx)
* [/workers-ai/guides/tutorials/image-generation-playground/image-generator-flux/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers-ai/guides/tutorials/image-generation-playground/image-generator-flux/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers-ai/guides/tutorials/image-generation-playground/image-generator-flux.mdx)
* [/workers-ai/guides/tutorials/image-generation-playground/image-generator-store-and-catalog/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers-ai/guides/tutorials/image-generation-playground/image-generator-store-and-catalog/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers-ai/guides/tutorials/image-generation-playground/image-generator-store-and-catalog.mdx)
* [/workers/observability/logs/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/observability/logs/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/observability/logs/index.mdx)
* [/workers/observability/query-builder/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/observability/query-builder/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/observability/query-builder.mdx)
* [/workers/runtime-apis/rpc/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/runtime-apis/rpc/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/runtime-apis/rpc/index.mdx)
* [/workflows/examples/twilio/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workflows/examples/twilio/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workflows/examples/twilio.mdx)

**Partials**

```mdx
import { YouTube } from "~/components"

<YouTube id="XHvmX3FhTwU" />
```

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/youtube/#page","headline":"YouTube · Cloudflare Style Guide","description":"Embed a YouTube video by ID.","url":"https://developers.cloudflare.com/style-guide/build-the-page/components/youtube/","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/"}}
```