Video Player Lite Elementor Widget

Introduction

The Video Player Lite Elementor Widget is a powerful and user-friendly tool that allows you to easily add video content to your website using the popular page builder, Elementor. With this widget, you can add a responsive video player to your pages and posts, allowing your visitors to watch your videos on desktop, tablet, or mobile devices. In this tutorial, we'll walk you through the steps to use the Video Player Lite Elementor Widget and take your video content to the next level.

Tutorial: How to Use the Video Player Lite Elementor Widget

Step 1: Install and Activate the Video Player Lite Elementor Widget

To get started, you'll need to install and activate the Video Player Lite Elementor Widget. Here's how:

1. Log in to your WordPress dashboard and navigate to the Plugins section.
2. Click on the "Add New" button to install a new plugin.
3. Search for "Video Player Lite" in the search bar and select the plugin from the search results.
4. Click the "Install Now" button to install the plugin.
5. Once the plugin is installed, click the "Activate" button to activate it.

Step 2: Add the Video Player Lite Elementor Widget to Your Page

Now that the plugin is installed and activated, let's add the Video Player Lite Elementor Widget to your page. Here's how:

1. Log in to your WordPress dashboard and navigate to the page or post where you want to add the video player.
2. Click on the "Edit with Elementor" button to open the page in Elementor.
3. In the Elementor dashboard, click on the "Widgets" tab in the left-hand menu.
4. Scroll down and click on the "Video Player Lite" widget to add it to your page.
5. Drag and drop the widget to the desired location on your page.

Step 3: Configure the Video Player Lite Elementor Widget

Now that the widget is added to your page, let's configure it to your liking. Here's how:

1. Click on the "Video Player Lite" widget to open its settings.
2. In the settings, you can configure the following options:
   • Video URL: Enter the URL of the video you want to play.
   • Video Width: Set the width of the video player.
   • Video Height: Set the height of the video player.
   • Autoplay: Enable or disable autoplay for the video.
   • Mute: Enable or disable mute for the video.
   • Loop: Enable or disable loop for the video.
   • Show Controls: Enable or disable the video controls (play, pause, volume, etc.).
   • Show Fullscreen Button: Enable or disable the fullscreen button.
   • Show Share Buttons: Enable or disable the share buttons (Facebook, Twitter, etc.).
3. Click "Save" to save your changes.

Step 4: Add a Video to the Video Player Lite Elementor Widget

Now that the widget is configured, let's add a video to it. Here's how:

1. In the "Video URL" field, enter the URL of the video you want to play. You can use a URL from YouTube, Vimeo, or any other video hosting platform.
2. You can also use the "Insert Video" button to upload a video from your computer or select a video from your WordPress media library.
3. Click "Save" to save your changes.

Step 5: Preview and Publish Your Page

Now that the video player is set up, let's preview and publish your page. Here's how:

1. Click on the "Preview" button to preview your page.
2. Test the video player to make sure it's working correctly.
3. Make any necessary changes to the widget settings.
4. Click "Publish" to publish your page.

That's it! With these steps, you've successfully used the Video Player Lite Elementor Widget to add a responsive video player to your page.