How to Use Video Player Widget

How to Use Video Player Widget

The Video Player widget is a professional tool, built for attaching videos through an external link. With this widget, you can add any video to your website or blog post. Amazingly it supports video links from all over the internet world.

This widget is one of the easiest ones to use. Element Pack Pro has designed and developed this handy tool. Let me give you a guide about how it works.

To Insert Widget

Inserting a widget is just a matter of dragging and dropping. However, take a look at the screenshot and you can do it too.

Content Tab

This is the basic options tab of the Video Player widget. With this, you have the ability to insert your video link to the widget. However, the tab has two sections.


After you drag and drop the widget, the first thing you will see is this Video section. Here, you can add the link of the video you want to display. You can add a title that will show up by hovering your mouse over the video. Also, you can adjust the player width, making the player small or big.

In short, go to Content> Video> Player Width and adjust the height according to your site.


This section has a bunch of switchers. By switching them on or off the buttons on the Video Player Control bar will be visible or invisible. In addition, you can set the default volume from here. Take a look at the last switcher.

The Sticky Mode switcher glues the Video Player to the screen. Turning Sticky Mode switcher on will make your video player appear in a small frame when you scroll away from its original position.

Style Tab

Now, time for the fun part. As for the Style tab, let me show you more graphics, less explaining.

Control Area

Go to Style tab> Control Area

This section gives you two controllers to change the color of the Video Players’ control bar. Also, you can change the players’ height, width, and thickness with the Padding options.

Play/Pause Button

You can change the color, border, size, and shadow of the Play/Pause button of the Video Players’ control bar. Likewise, you can shape the button round with the Border Radius option. Also, take a look at the Hover option.

Go to Style> Play/Pause Button> Hover and make the changes.

Time Duration

Here, in this section, you can change the color and Typography of time duration clocks that are present on both sides of the seek bar.

Hence, Go to Style> Time Duration> Typography and check out the options.

Seek Bar

Go to Style tab> Seek Bar

You can edit the size of the Seek Bar with Bar Height in this section. Also, you will be able to adjust the border-radius here.

Volume Button

Go to Style tab> Volume Button

As the picture shows, you can change the color, border-radius, size, and shadow of the Volume button of the control bar. Moreover, you can make unique controller buttons by customizing the Hover option.

Volume Bar

Go to Style tab> Volume Bar

As a matter of fact, you can customize the tiny volume bar on the menu, as Element Pack Pro has even made it possible. One thing I can’t help but say, “Good Job Element Pack Pro”.

Fullscreen Button

Go to Style tab> Fullscreen Button

And the last section is the Fullscreen Button. You can pick any size of it by raising the size bar. Also, you can make it round, square, random shape as you want (I made all buttons Round).

Video Assist

Well done. Seems you have learned the whole thing and how it works. If you still having trouble using it, watch Video Assist, and get more in-depth ideas about the usage of Video Player widget. Also, take a tour of the demo page.

A first-ever all-in-one web solution with essential widget, extensions, and features for Elementor WordPress.

Your complete web development partner.


Copyright © 2022 BdThemes.
All Rights Reserved. Site built with Element Pack & Rooten Theme.

AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.