Video Slider Module:
Divi provides a very simple and easy way to insert video slider on our WordPress site. We can see the collection of videos sequentially on our website and choose the video to play one by one from the video slider. Divi gives the ultimate way to arrange the collection of videos in the form of structure. Video slider module is used to setup the multiple videos in the arranged format.
Video Slider Module Shortcode:
[et_pb_video_slider admin_label=”Video Slider” show_image_overlay=”show” show_arrows=”on” show_thumbnails=”on” controls_color=”light” play_icon_color=”#0c71c3" thumbnail_overlay_color=”rgba(12,113,195,0.03)”][et_pb_video_slider_item src=”https://www.youtube.com/watch?v=F5PNaxXerBo” image_src=”//i.ytimg.com/vi/F5PNaxXerBo/hqdefault.jpg” background_layout=”dark”][/et_pb_video_slider_item][et_pb_video_slider_item src=”https://www.youtube.com/watch?v=_jHpnb-QmTA” image_src=”//i.ytimg.com/vi/_jHpnb-QmTA/hqdefault.jpg” background_layout=”dark”][/et_pb_video_slider_item][/et_pb_video_slider][/et_pb_video_slider_item][/et_pb_video_slider]
Output of the Above Video Module Shortcode:
- General Settings:
General settings of video slider module depend on the following options: Display Image Overlays on Main Video, Arrows, Slider Controls, Slider Controls Color, CSS Class etc. It also has the setting option for adding new videos in the slide, which are as follows:
- Admin Label – you can assign the name
- Video MP4/URL – you can upload any desired video in .MP4 format which will display
- Video WEBM – you can upload the video of .WEBM version. The uploaded video should be in the format of .MP4 and .WEBM.
- Image overlay URL – you can assign any particular image for the video or you can generate form the video too.
- Slide arrows URL – you can make your slider arrows light or dark.
To know more you can see the snapshot below:-
- Advance Design Settings:
There are two options that provided by the Divi theme in video slider module in the advance design settings.
- Custom CSS:
With the help of custom CSS tab of this module, we can insert a unique CSS class on our ePanel custom CSS box for styling the WordPress page. We can create different classes and CSS ID on the WordPress.
This post explains all of the information related to the video slider module and I hope you will like very much. If you have any query that relevant or irrelevant from this post, please feel free to comment below. Have a nice day!
You May Also Like
- Tested on Divi Version 3.0.27