Dynamic Video Player Block plugin

A dynamic video player plugin like this is missing in many builders

Even blockbuilders like GenerateBlocks, Stackable, GutenKit, PostX, Nexter, aBlocks and Twentig don’t have this essential functionality.

An outstanding Gutenberg video player to show video on your website

  • Fully prepared to work with video and poster URLs stored in custom fields
  • Also works with regular video and poster URLs, and even a poster in Media.
  • Combine direct URLs and custom fields; just set it, and it will be displayed.

How is the video shown

  • The visitor sees a poster (still image) with a video icon overlay.
  • As soon as the user clicks on it, a popup starts showing the video.

Type of video files accepted

  • Direct MP4
  • WebM file URL
  • oEmbed URL (YouTube, Vimeo, Bunny, Livid, Gumlet, etc.)

Special features Dynamic Video Player block

MP4 video in other ratio without black bars

  • MP4 files in other formats, such as square, portrait, and the like, are played without black bars!

Unique HLS handling

  • HLS Playlist from Bunny stream; Bunny provides an .m3u8 stream. The disadvantage of .m3u8 is that it’s incompatible with many browsers (Chrome, Firefox, Edge, and other browsers) and is natively supported by Safari only.
  • The Dynamic Video Player will analyze the .m3u8 file: if it’s provided by Bunny, it will offer you a button to migrate the video frontend to MP4 so that it will play on all browsers. If the stream is not from Bunny (or Gumlet), it will tell you to use a normal MP4 video instead.
  • If the .m3u8 file comes from Gumlet, the Dynamic Video Player block will activate a helper to show the video on non-Safari browsers as well. You can even choose ‘Use HLS.js for pure HLS’.

Different poster settings

  • If you don’t provide a poster file or URL (or forgot) Dynamic Video Player will show a neutral default poster in a 16:9 ratio with a video play icon.
  • Poster settings include poster aspect ratio: 16:9. 4:3, 1:1, 3:4, 21:9, and circle; even if the original image is different; you can show a 16:9 image as a circle.
  • Each poster format includes an option for rounded corners.
  • Poster preview with dynamic preview.webp is supported.

Show a company logo on the video-poster

  • Dynamic Video Player offers a wonderful customization feature: the ability to show a logo (like a company logo, training, a discount, guarantee, image of the trainer, etc.) on top of the video poster. This option is not applicable for the circular video-poster.
  • You can select from those 4 locations: top-left, top-right, bottom-left, and bottom-right.
  • Works with .png and .webp images with a transparent background around it.
  • The width is totally adjustable, with an 80px default.
  • Examples are shown on some videos on this page.

Automatically fetch the video-poster

  • Dynamic Video Player block plugin has the option to automatically fetch the video-poster from Vimeo, YouTube, Bunny, Livid and Gumlet and add it as the clickable video-poster.

Trigger video popup with a class

  • Most video players have a major limitation: you have to click on the video poster to start the video. Dynamic Video Player is unique: you can start any video with a class trigger. A button, image, icon, and even a text block; any block can be the trigger.
  • Click on me!

Site-wide available video

  • Conceal the video section in the footer or any site-wide area, and disable the video poster. Initiate the video through a trigger, like a button, an image, or even a menu item!
  • You can utilize this feature within the page template or an element that includes a trigger block, along with a custom field for the source. This allows each page to showcase a distinct video while maintaining the same play trigger.

Other settings

  • Auto-play on of off. Not to worry: opening the popup still requires a manual click, only then does the auto-start work. With or without sound (muted) depends on the video origin (Bunny, YouTube, Gumlet, Vimeo, Livid, etc.) and the browser settings.

Dynamic Video Player example

The video poster is automatically fetched by the Dynamic Video Player plugin.

Play video about Dynamic Video Player Block plugin

Dynamic Video Player FAQs

Dynamic Video Player examples

Play video about MP4 video 1:1 ratio without black bars
Play video about MP4 video 1:1 ratio without black bars
Play video about MP4 video 1:1 ratio without black bars
Start the video by clicking on this icon

Dynamic Video Player

Conclusion: good choice

  • Activation on 5 websites
  • Works with with video and poster URLs stored in custom fields
  • Works with regular video and poster URLs, and from Media.
  • Show poster and opens in a popup
  • Adjustable video width popup
  • Direct MP4, WebM, oEmbed URL (YouTube, Vimeo, Bunny, Livid, Gumlet, etc.)
  • MP4 in other ratios without black bars
  • Start video with any class (without or with poster)
  • Hide video block in footer and start site-wide with a class
  • Migrates Bunny video to MP4
  • Activates a helper for Gumlet m3u8
  • Automatically fetch the video-poster from Vimeo, YouTube, Bunny, Livid or Gumlet
  • Show the poster in any ratio, including a circle shape
  • Show a custom logo on your poster
  • Auto-play on / off
  • Accessibility
  • Video-Schema
14-Days-Money-Back

Dynamic Video Player

Conclusion: excellent choice

  • Activation on 25 websites
  • Works with with video and poster URLs stored in custom fields
  • Works with regular video and poster URLs, and from Media.
  • Show poster and opens in a popup
  • Adjustable video width popup
  • Direct MP4, WebM, oEmbed URL (YouTube, Vimeo, Bunny, Livid, Gumlet, etc.)
  • MP4 in other ratios without black bars
  • Start video with any class (without or with poster)
  • Hide video block in footer and start site-wide with a class
  • Migrates Bunny video to MP4
  • Activates a helper for Gumlet m3u8
  • Automatically fetch the video-poster from Vimeo, YouTube, Bunny, Livid or Gumlet
  • Show the poster in any ratio, including a circle shape
  • Show a custom logo on your poster
  • Auto-play on / off
  • Accessibility
  • Video-Schema
14-Days-Money-Back

All-in plugin pack

Conclusion: best choice

  • Activation on 25 websites
  • Gives Gutenberg professional features
  • Perfect with Stackable, GenerateBlocks, Greenshift, GutenKit and more
  • All plugins are for classic and FSE themes, except FSE Template Assigner

Select from those plugins

  • Dynamic OSM Maps
  • Dynamic Popup & Flyout
  • Dynamic Accordion
  • Dynamic Video Player
  • Flexible Layout Section
  • FSE Template Assigner

Discount:

  • Add plugins totaling at least $245 and apply the 50% discount coupon (ALL-IN-PLAN) for half off your purchase.
14-Days-Money-Back

Test the Dynamic Video Player plugin

The plugin has a free test mode

  • The demo version works backend — all settings, icon color, fetch poster, custom logo, everything is active.
  • The front end has fixed content video.

Type of custom fields (if used)

If you are using custom fields to show dynamic data, the Dynamic Video Player block works with:

  • Text field
  • Textarea field
  • Rich text field

Flexible

  • The poster (the still image) can have any ratio (height / width).
  • Background color and transparency of the Play icon are fully adjustable.
  • The maximum width of the video popup is adjustable. Default: 720px.
  • Works with dynamic data, direct URLs , oEmbed code and media files.

Accessibility

  • There is a special accessibility field to describe the function of the video.
  • Using the accessibility field is good for SEO as well.

Videoschema

  • The Dynamic Video Player plugin provides a video-schema to searchengines.
  • It’s activated automatically for every rendering video.
  • Included: name, description, thumbnailUrl, uploadDate, contentUrl (MP4/HLS) or embedUrl (YouTube/Vimeo).

Cache plugins

  • The plugin is built in such a way that no exceptions for scripts and URLs are required for commonly used cache plugins, such as LiteSpeed, WPCompress, and FlyingPress. The Video Player plugin is suitable (delayed scripts) for placement in accordions, pop-ups, and the like.