MARKETPLACE
PLUGINS
PLYR.JS - HTML5 VIDEO PLAYER
Plyr.js - HTML5 Video player logo

Plyr.js - HTML5 Video player

Published April 2026
   •    Updated this week

Plugin details

A modern, fully responsive video player powered by Plyr.js. Easily embed high-quality MP4 videos with custom poster images, seamless responsive scaling, and full workflow integration.
Key Features:

Custom poster image and autoplay settings

Bubble responsive-engine ready

Built-in exposed states (Current Time, Duration, Is Playing)

Workflow actions (Play, Pause, Seek, Set Volume)

Free

For everyone

stars   •   0 ratings
1 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Hamza Najih logo
Hamza Najih
Joined 2024   •   21 Plugins
View contributor profile

Instructions

1. Setup on Page
Drag and drop the Video Player element onto your page.

Enter your .mp4 link into the Video URL field.

(Optional) Upload a thumbnail to the Poster Image field.

2. Styling

Use Bubble's native Layout settings to adjust width and height.

Use the Appearance tab to add borders, shadows, and background colors.

3. Workflows

Go to the Workflow tab and choose Element Actions to trigger commands like Play, Pause, Seek to Time, or Set Volume.

Use Elements > An element has an event to trigger workflows when the video starts, pauses, or finishes playing.

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Video   •   Media   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble