![]() ![]() If you like this article please like our Facebook page to stay connected. We hope this article will help you to add a video lightbox to your website. ![]() How to create a custom shape in Elementor If you want to create a landing page with Elementor from scratch you can see this articleĬreate a landing page with Elementor from scratchĬreate a landing page using a pre-built template If you want to automatically play the video in the popup window set this parameter value to true (autoplay'true'). autoplay Values true or false (Optional). Using Elementor lightbox add professional video to your website without worrying about the space. Keep this parameter value empty (height'') if you want to use the default height specified in the general settings. Lightbox doesn’t require much more space to display video. Lightbox is a great way to save space on your website while displaying video. From here you can add lightbox background color, UI color, UI hover color, Content width, and entrance animation. In this tutorial, however, well go beyond the basic application to see how to create a simple Youtube video lightbox that pops up and auto plays when the user requests a video using Youtubes Player API. Now move on to the style tab where you will be able to see lightbox settings, open it up. Embedding a Youtube video on a site is simple enough, via an iframe tag. From the image, the size option sets the image size as you want. Now click on the choose image option to upload the thumbnail of the video. After setting your video go to the image overlay option under the content tab.Īfter enabling the image overlay option enable the lightbox feature. You can change the video from the content tab. Now add a video from the video widgets.īy default, Elementor will add a YouTube video. Add video lightbox with Elementorįirst, open up a page where you want to add the video lightbox. You can enable the lightbox option from the content settings which requires you to add a thumbnail but the other method doesn’t require you to add a thumbnail. In Elementor you can add a lightbox in two different ways. You can just add a video link or button.Įlemnetor offers you the lightbox feature to add a video to your website to save space. The option to fix MP4 meta info is added (for immediate playing of the video). Video LightBox v2.0 Video LightBox plays as HTML5 video if Flash Player is disabled (iPhone and Android support while using mp4 video). With lightbox, you don’t need to display the video thumbnail. The 'Overlay shadow' parameter works correctly. Video lightbox will ensure to consume less space of a video. But using a lightbox will remove all your tension. But most people are not willing to upload videos on their website because video takes up a lot of space which can slow up your website speed. You can use videos in a professional way to promote your business. Videos are great ways to show your products and services. Do you want to add a video lightbox with Elementor but don’t know how you can do it? Don’t worry, here in this article we will show you the ways. ![]()
0 Comments
Leave a Reply. |