> ## 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.

# Video element

> Use this element to embed the Player Style video player in your Bubble app.

### Fields

The following fields are available for the Player Style video element:

| **Field**           | **Type** | **Description**                                                                                                                                        |
| ------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Media type**      | Text     | The type of media options are `video file` or `Youtube`                                                                                                |
| **Video style**     | Text     | The theme/style of the video player, such as Sutro, Notflix, YT, Winamp, and more.                                                                     |
| **Video source**    | File     | The URL of the video file that will be embedded in the player if using `video file` or `hls` for the media type.                                       |
| **Youtube ID**      | Text     | The unique ID of the YouTube video (e.g., dQw4w9WgXcQ for [https://www.youtube.com/watch?v=dQw4w9WgXcQ](https://www.youtube.com/watch?v=dQw4w9WgXcQ)). |
| **Media title**     | Text     | The title of the video content to be displayed.                                                                                                        |
| **By line**         | Text     | A short description or subtitle for the video, often used for the creator's name or credits.                                                           |
| **Primary color**   | Color    | The primary color of the player controls and elements.                                                                                                 |
| **Secondary color** | Color    | The secondary color used in the player’s design                                                                                                        |
| **Accent color**    | Color    | An accent color used to highlight key player elements                                                                                                  |

## Styles

<Note>
  Most themes are optimized for **16x9 video**, but vertical **9x16 video**
  works best in the **Instaplay** theme. The **Winamp** theme is fixed at
  **275px x 264px**.
</Note>

| **Theme**        | **Description**                                                                |
| ---------------- | ------------------------------------------------------------------------------ |
| **Sutro**        | A sleek and modern theme lovingly named after Mux's favorite SF TV antenna.    |
| **Notflix**      | Everything but the big red N and long bus rides to Los Gatos.                  |
| **Reelplay**     | A nostalgic media player inspired by media players of a bygone era.            |
| **Vimeonova**    | A fresh take on the classic Vimeo player design.                               |
| **YT**           | A homage to the modern YouTube player.                                         |
| **Demuxed 2022** | A special theme created for Demuxed 2022.                                      |
| **Microvideo**   | Perfect for short content, with minimal controls.                              |
| **Minimal**      | Strips the player down to the bare essentials for a simple viewing experience. |
| **Winamp**       | A retro theme inspired by the classic Winamp media player.                     |
| **Instaplay**    | A mobile-first theme inspired by social media playback experiences.            |
| **Halloween**    | A spooky theme for the Halloween season.                                       |

<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>