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

# Add youtube videos

Enhance your Bubble app by embedding YouTube videos directly into the Player Style Video Plugin. Whether you’re sharing tutorials, demos, or multimedia content, this guide will walk you through setting up YouTube videos in just a few steps. Here’s how to make your app’s player more dynamic.

## Video tutorial

If you prefer a video walkthrough, check out our step-by-step tutorial below. Otherwise, keep reading for the written guide:

<iframe width="560" height="315" src="https://www.youtube.com/embed/NHdEMALJMFg" title="YouTube video player" frameborder="0" allow="accelerometer; fullscreen; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />

## Steps

<Steps>
  <Step title="Set Media Type to YouTube">
    Go to the settings, and change the media type to `YouTube` to enable YouTube as the video source.
    ![Set YouTube media type](https://res.cloudinary.com/dpfmaccxx/image/upload/v1730300484/player_style_video_youtube_xnxr5p.png)
  </Step>

  <Step title="Find and Add the YouTube Video ID">
    The YouTube video ID is the unique set of characters at the end of a YouTube URL. For example, in this URL:

    ```
    https://www.youtube.com/watch?v=dQw4w9WgXcQ
    ```

    The video ID is `dQw4w9WgXcQ`. Copy this ID and paste it into the Video ID field in the plugin settings.
    ![Add YouTube Video ID](https://res.cloudinary.com/dpfmaccxx/image/upload/v1730300496/player-style-youtube-id_kov0fr.png)
  </Step>

  <Step title="Customize Your Player Style">
    Choose from 11 unique player styles to match your app’s look and feel. Experiment with different styles to find the one that best fits your app’s design and video content.
  </Step>
</Steps>

With these settings, you’re ready to add dynamic video content from YouTube directly into your Bubble app. From product demos to user tutorials, integrating YouTube into your player setup opens up a world of possibilities.

<CardGroup cols={2}>
  <Card title="Need Help?" icon="envelope" href="/support/plans">
    View our options for free community and priority support.
  </Card>

  <Card title="Have a feature request?" icon="lightbulb" href="https://lunchpaillabs.canny.io/feature-requests?selectedCategory=player-style-video-for-bubble">
    Post your feature request on our

    <a href="https://lunchpaillabs.canny.io/feature-requests?selectedCategory=player-style-video-for-bubble">
      idea board.
    </a>
  </Card>
</CardGroup>
