Player Customization
All you need to make your player
We know how important it is to have a video player tailored to your needs. Gumlet's video player can be customized to match your brand.
You can configure all the settings related to the player in one place.
Basic Settings
Preload
The preload will load the video when the page is loaded (wherever the video is embedded). By default, we enable the preload setting to remove the load time for users when played.
Autoplay
The autoplay, when enabled, will play the video when the page is loaded. By default, we disable this setting.
Note: The audio will be muted across all browsers and devices.
SEO metadata
When enabled, we will add an SEO markup to embed code for all the videos in that collection. By default, we enable this setting for you to get the best out of video SEO.
Loop
When enabled, your video will play in auto-loop mode.
Enable Download
When enabled, it will show a button on the player for your users to download the video.
Note: The download button will only appear if the video is processed with the MP4 version enabled.
Advanced Settings
Disable seek bar
Enable this to disable the seeking on your videos. This setting is helpful for educational and training use cases where the institute/organization doesn't want users to skip content.
Disable Player Controls
Remove all the controls from your player and let your audience focus on the video content.
Show Captions Automatically
Show captions automatically on the player. The users can still hide it inside the player and choose a language they want.
Dynamic Watermark
When enabled, we add a moving watermark directly to your videos. You will see moving text with user IPs when you embed the videos. The dynamic watermark adds another level of security to your video.
You can configure the watermark style and text:
- text color
- text size
- background-color
- frequency
- watermark_text: you need to send it dynamically in the iframe source
Sample iframe source: https://play.gumlet.io/embed/[email protected], some_id
you can embed usingwatermark_text
query param.
Below is a sample video with the dynamic watermark:
The embed code for above sample video:
<div style="position:relative;aspect-ratio:16/9;">
<iframe
loading="lazy" title="Gumlet video player"
src="https://play.gumlet.io/embed/[email protected], some_id"
style="border:none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture; fullscreen;">
</iframe>
</div>
Note: It will only work where you add the Embed code. It won't work for mp4, m3u8, and mpd URLs.
Player Branding
Logo URL
This parameter takes the image URL as input. It overlays the image fetched over the player.
Logo Position
The overlay image can be modified with the Logo position parameter.
Logo Width & Height (in px)
Change the size of the logo added. Add height and width of the logo in pixels.
Advertising & Monetization
VAST Tag
The VAST tag takes the URL as input. Our player will automatically play ads defined in this VAST tag during playback.
Gumlet player also supports Google's IMA SDK. You can inject ads in between video playback.
Facebook Pixel ID
Add FB pixel ID to track video engagement and create a look-alike audience for better targeting. To get your pixel ID or create a new one, navigate to how to get FB Pixel ID.
Google Tag ID
Add Google Analytics (GA4) ID to track video engagement and create a look-alike audience for better targeting. To get your gtag ID or create a new one, navigate to how to get GA4 ID.
Updated 8 days ago