Digital Photography Tips, Tutorials and Resources
Do you want to open your WordPress videos in the lightbox popup? Sometimes you may need to show your videos on fullscreen to better engage your site visitors and allow them to see every detail. In this tutorial, we will share how to display a video lightbox in WordPress.
Adding the videos in WordPress from resources like YouTube, Wistia, or self-hosted videos will display on the size mentioned in the embed code. However, you can customize these settings with the help of WordPress plugins like Envira Gallery and OptinMonster.
To display a video lightbox in WordPress, you’ll need to follow these 4 steps:
- Step 1. Install and activate Envira Gallery plugin
- Step 2. Install and activate Videos addon by Envira
- Step 3. Create a video gallery with lightbox in WordPress
- Step 4. Display a video lightbox in WordPress posts
Ready to get started? Let’s go!
Step 1: Install and Activate Envira Gallery Plugin
The first thing you need to do is to install and activate Envira Gallery plugin on your WordPress website.
If you don’t know about the installation process, simply check out this guide on how to install Envira in WordPress admin.
Step 2: Install and Activate Videos Addon by Envira
Upon activating the plugin, you need to go to Envira Gallery » Addons from your WordPress admin backend to install and activate the Videos addon.
To access this addon, you need Envira Pro or higher license. Don’t have the required license? You can upgrade here.
This addon will make your work easy to display the videos in lightbox. However, you can also create a campaign with video lightbox using OptinMonster.
This OptinMonster video lightbox in WordPress will not only display your video on full screen, but it will also help in converting your abandoning website visitors.
Step 3: Create a Video Gallery with Lightbox in WordPress
After activating the addon, go ahead and create a video gallery from Envira Gallery » Add New. Add a title for your new gallery and click on the Select Files from Other Sources button.
It will open a popup where you need to click on the Insert Videos tab in the left sidebar. Then click on the Add Video button and add your video.
Your video is added. Now go to the Videos tab and enable Force Larger Videos option.
For more basic video settings, you should check this complete guide on how to add responsive videos with thumbnails in WordPress.
Make sure to hit the Publish button and copy the shortcode from Envira Gallery Code widget from the right side of the screen.
Step 4: Display a Video Lightbox in WordPress Posts
To display your video lightbox in WordPress, you need to go to Posts » Add New or edit an existing post. In the visual editor, simply paste the shortcode and click on the Publish/Update button.
You can visit your site to see the video lightbox that will display on fullscreen and look like as shown in this image below:
We hope this tutorial has helped you to learn how to display video lightbox in WordPress. You may also want to check out our guide on how to display video length on your WordPress videos. In case, you want to rank your video content, we recommend you to check this ultimage WordPress SEO guide for beginners.