> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dc.ag/llms.txt
> Use this file to discover all available pages before exploring further.

# dynamic content - Display YouTube Content

> Embed and display YouTube videos directly on your pages.

Our CMS also gives you the option to embed YouTube content on your pages. This displays the respective videos directly on the selected page rather than merely linking to them.

<Note>
  This guide is part of the [Content Types](/docs/en/dynamic-content/user-guide/inhaltsarten). We show you how to create content in general under [Create and Edit Content](/docs/en/dynamic-content/user-guide/inhalte-erstellen).
</Note>

<Info>
  The prerequisite is that you have created a page on which the content is to be displayed, and that you are already in the content creation window. In addition, the display of external content must be enabled in the CSP management.
</Info>

<Steps>
  <Step>
    ## Step 1: Select the Content Type

    When creating new content, select the "Youtube Inhalte" module. A dialog with the title "Youtube Inhalt anlegen" will open, in which you can configure all settings and enter the URL of the video.

    <Frame>
      <img src="https://mintcdn.com/dcag/nFuK0eL_GOzpIxeu/images/dynamic-content/inhaltsarten/youtube/inhaltsart-auswaehlen.png?fit=max&auto=format&n=nFuK0eL_GOzpIxeu&q=85&s=07a6cac080fb1a8a909e0875839e92ec" alt="Select the YouTube Content module when creating content" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/youtube/inhaltsart-auswaehlen.png" />
    </Frame>
  </Step>

  <Step>
    ## Step 2: Choose a Description

    Here you can define a description. This is for organisational purposes only and will not be displayed on the selected page.

    <Frame>
      <img src="https://mintcdn.com/dcag/nFuK0eL_GOzpIxeu/images/dynamic-content/inhaltsarten/youtube/beschreibung.png?fit=max&auto=format&n=nFuK0eL_GOzpIxeu&q=85&s=e31f7ad611dec31bf0f8be7d1f2c154d" alt="Enter a description for the YouTube content" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/youtube/beschreibung.png" />
    </Frame>
  </Step>

  <Step>
    ## Step 3: Choose Height and Width

    Next, specify the height and width in pixels. These values determine the size of the embedded video player on the page. In our example, we use a width of 1280 pixels and a height of 720 pixels, which corresponds to 720p playback.

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/nFuK0eL_GOzpIxeu/images/dynamic-content/inhaltsarten/youtube/breite.png?fit=max&auto=format&n=nFuK0eL_GOzpIxeu&q=85&s=ec29a1ffbf8198cb1b44fdf2b44cfb44" alt="Set the width of the YouTube player in pixels" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/youtube/breite.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/nFuK0eL_GOzpIxeu/images/dynamic-content/inhaltsarten/youtube/hoehe.png?fit=max&auto=format&n=nFuK0eL_GOzpIxeu&q=85&s=7b0fb533a34a2cb22714f4c7a8144832" alt="Set the height of the YouTube player in pixels" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/youtube/hoehe.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Step 4: Insert the YouTube URL

    Finally, enter the URL of the YouTube video you wish to embed. Please note that this module can only display YouTube videos.

    <Tip>
      Save your settings to complete the YouTube content and publish it on the page.
    </Tip>

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/nFuK0eL_GOzpIxeu/images/dynamic-content/inhaltsarten/youtube/youtube-url.png?fit=max&auto=format&n=nFuK0eL_GOzpIxeu&q=85&s=fea97afc2ae58ecc27767e11482272a2" alt="Insert the YouTube URL of the video" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/youtube/youtube-url.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/nFuK0eL_GOzpIxeu/images/dynamic-content/inhaltsarten/youtube/speichern.png?fit=max&auto=format&n=nFuK0eL_GOzpIxeu&q=85&s=922b910305d2c474596ca1cde3d06ac9" alt="Save the YouTube content" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/youtube/speichern.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>
</Steps>

## Related Topics

<CardGroup cols={2}>
  <Card title="Content Types" icon="shapes" href="/docs/en/dynamic-content/user-guide/inhaltsarten">
    Overview of all available modules.
  </Card>

  <Card title="Create and Edit Content" icon="pen-to-square" href="/docs/en/dynamic-content/user-guide/inhalte-erstellen">
    Create content on pages.
  </Card>

  <Card title="Display External Content" icon="square-arrow-up-right" href="/docs/en/dynamic-content/user-guide/inhaltsarten/externe-inhalte">
    Embed any external content via a URL.
  </Card>

  <Card title="Facebook" icon="facebook" href="/docs/en/dynamic-content/user-guide/inhaltsarten/facebook">
    Embed Facebook content directly on the page.
  </Card>
</CardGroup>
