The video slider is a good way to display a large amount of video content in a small space. By default, the video slide shows a snapshot of the video. Sometimes I want to give video slides a different shape. This article describes how to add an image overlay to the divi video slider module. We’ll also learn how to customize the hover overlay and playback icons. Let’s go. Video slider module information video slider module can display MP4 or WebM video. You can upload to the media library or use URL links and host elsewhere. The video slider module is suitable for tutorials, courses, product reviews, MV, etc.
You can display default screenshots in the video or add your own images. Adding your own images can create a consistent design throughout the site, regardless of video content. Each slide is a sub module added to the module itself. You can specify the style of the module to create preferences, and specify the style of each sub module separately. If you do not refer to the style of the sub module, the default style set in the general module settings is used. Options include arrows, image overlays, custom icons, and arc overlays. Add the video slider module to the new page. Now let’s see how to add the video slider module to the page and how to use and specify the style. I am using the information page of the free consultant layout pack available in divi. We will add modules between the two parts.
Male first activate visual builder and add a new single column row. The background style is located in the section, so it can be moved to the module. Then search for videos and click the divi video slider module. The video adding video slider module in the video slider module starts by adding a default video sub module. Click the gear icon to open the settings. Male secondly, delete the default video or select the icon to change the video. Now, you can choose to upload MP4 or WebM videos, or enter the URL of videos hosted from other locations. For the type you want to add, click add video.
Then upload the video to the media library and enter the URL of the video to be selected or displayed. Male click \
Move the mouse over the default slide, the navigation arrow will be displayed, and the play icon will turn red. Move the mouse over the slide and the overlay and white play icons will be displayed. Add video slider image overlay, and then add overlay for each video. First, you must enable the override option. Scroll down from the content settings of the slider module to overlay, and then select show image overlay in main video. Display image overlay in main video: Yes malenow all slides enable overlay. You can see that the player preferences have been replaced by the settings of the divi module of the current video. Each slide is styled individually or throughout the module
We are moving the mouse over the thumbnail to show how the road works. This example shows the second slide with a custom image overlay and playback icon. Hover over the slide to display the hover overlay that appears above the custom image. This is another example of how to use. You can add the desired image, so you can use the image to describe the content. This example runs in a course or tutorial. Although the background is only a gradient, you can use all the images you want to create recommended images for courses and tutorials. Here is another example. Only the image overlay is changed, but the video gives a completely different look and feel. End the idea of the method of adding image coverage to the divi video slider module. The video slider module applies to all types of series to be displayed in a course, tutorial, or slide. Divi makes it easy to add custom image overlays, giving each slide a different look than a video screenshot. You can specify slide styles individually, so you don’t have to look the same. You can also add custom playback icons and create default icons and overlays for each slide to point to or use overlays. We’d like to hear your opinion. Do you want to add an image overlay to the divi video slider module? Please tell me your opinion.
