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