Video player
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). |
| 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
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.
| 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. |