{ "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!", "name": "divi/video-slider", "d4Shortcode": "et_pb_video_slider", "title": "Video Slider", "titles": "Video Sliders", "moduleIcon": "divi/module-video-slider", "category": "module", "videos": [ { "id": "Tm5RcXX4gcU", "name": "An introduction to the Video Slider module" }, { "id": "1iqjhnHVA9Y", "name": "Design Settings and Advanced Module Settings" }, { "id": "boNZZ0MYU0E", "name": "Saving and loading from the library" } ], "childModuleName": "divi/video-slider-item", "childModuleTitle": "Video", "childrenName": [ "divi/video-slider-item" ], "attributes": { "module": { "type": "object", "selector": "{{selector}}", "styleProps": { "background": { "selector": "{{selectorPrefix}}.et_pb_video_slider{{baseSelector}}" }, "position": { "selector": "{{selectorPrefix}}.et_pb_video_slider{{baseSelector}}" }, "sizing": { "propertySelectors": { "desktop": { "value": { "margin-left": "{{selector}}.et_pb_video_slider.et_pb_module, {{selectorPrefix}}.et_pb_sticky {{baseSelector}}.et_pb_video_slider.et_pb_module", "margin-right": "{{selector}}.et_pb_video_slider.et_pb_module, {{selectorPrefix}}.et_pb_sticky {{baseSelector}}.et_pb_video_slider.et_pb_module" } } }, "important": { "desktop": { "value": { "margin-left": true, "margin-right": true, "width": true } } } }, "spacing": { "selector": "{{selectorPrefix}}.et_pb_video_slider{{baseSelector}}", "important": { "desktop": { "value": { "margin": true } } } } }, "settings": { "meta": { "meta": {} }, "advanced": { "elements": { "groupType": "group-item", "item": { "groupSlug": "contentElements", "priority": 5, "render": true, "component": { "type": "group", "name": "divi/elements", "props": { "grouped": false, "supportsStructureTemplates": false } } } }, "html": {} }, "decoration": { "animation": {}, "attributes": {}, "background": {}, "conditions": {}, "disabledOn": {}, "filters": {}, "interactions": {}, "overflow": {}, "order": {}, "position": {}, "scroll": {}, "sizing": {}, "spacing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {} } } }, "video": { "type": "object", "selector": "{{selector}}", "attributes": { "class": "et_pb_video_box" }, "tagName": "div", "childrenSanitizer": "et_core_esc_previously", "styleProps": { "border": { "selector": "{{selectorPrefix}}.et_pb_video_slider{{baseSelector}} .et_pb_slider, {{selectorPrefix}}.et_pb_video_slider{{baseSelector}} .et_pb_carousel_item" } }, "styleComponentsProps": { "boxShadow": { "settings": { "overlay": true } } }, "settings": { "decoration": { "border": {}, "boxShadow": {} } } }, "overlay": { "type": "object", "selector": "{{selector}} .et_pb_video_overlay_hover:hover", "styleProps": { "background": { "selector": "{{selector}} .et_pb_carousel_item .et_pb_video_overlay_hover:hover,{{selector}}.et_pb_video_slider .et_pb_slider:hover .et_pb_video_overlay_hover,{{selector}} .et_pb_carousel_item.et-pb-active-control .et_pb_video_overlay_hover" } }, "settings": { "advanced": { "showImageOverlay": { "groupType": "group-item", "item": { "groupSlug": "contentOverlay", "attrName": "overlay.advanced", "subName": "showImageOverlay", "priority": 20, "render": true, "label": "Show Image Overlays on Main Video", "description": "This option will cover the player UI on the main video. This image can either be uploaded in each video setting or auto-generated by Divi.", "category": "configuration", "features": { "sticky": false, "preset": [ "html" ] }, "defaultAttr": { "desktop": { "value": { "showImageOverlay": "off" } } }, "component": { "type": "field", "name": "divi/toggle" } } } } } }, "playIcon": { "type": "object", "selector": "{{selector}} .et_pb_video_overlay .et_pb_video_play", "styleProps": { "icon": { "selector": "{{selector}} .et_pb_video_wrap .et_pb_video_play", "propertySelectors": { "desktop": { "value": { "font-family": "{{selector}} .et_pb_video_play:before, {{selector}} .et_pb_carousel .et_pb_video_play:before", "content": "{{selector}} .et_pb_video_play:before, {{selector}} .et_pb_carousel .et_pb_video_play:before", "font-weight": "{{selector}} .et_pb_video_play:before, {{selector}} .et_pb_carousel .et_pb_video_play:before", "color": "{{selector}} .et_pb_video_play, {{selector}} .et_pb_carousel .et_pb_video_play" } } }, "important": { "desktop": { "value": { "font-family": true, "content": true, "font-weight": true, "color": true } } } } }, "settings": { "decoration": { "icon": { "groupType": "group-item", "item": { "groupSlug": "designControls", "attrName": "playIcon.decoration.icon", "priority": 10, "render": true, "label": "Play Icon", "component": { "type": "group", "name": "divi/icon", "props": { "grouped": false, "fieldLabel": "Play Icon", "fields": { "icon": { "render": true } } } } } }, "background": { "groupType": "group-item", "item": { "groupSlug": "designControls", "attrName": "overlay.decoration.background", "subName": "color", "priority": 10, "render": true, "label": "Thumbnail Overlay Color", "description": "Pick a color to use for the overlay that appears behind the play icon when hovering over the video.", "features": { "dynamicContent": { "type": "color" } }, "component": { "type": "field", "name": "divi/color-picker" } } } } } }, "sliderControls": { "type": "object", "settings": { "advanced": { "color": { "groupType": "group-item", "item": { "groupSlug": "designControls", "attrName": "sliderControls.advanced", "subName": "color", "priority": 10, "render": true, "label": "Slider Controls Color", "description": "Here you can choose whether your color should be light or dark. If you are working with a dark background, then your controls color should be light. If your background is light, then your controls color should be set to dark.", "category": "color_option", "features": { "preset": [ "html" ] }, "defaultAttr": { "desktop": { "value": { "color": "light" } } }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "light": { "label": "Light" }, "dark": { "label": "Dark" } } } } } }, "useArrows": { "groupType": "group-item", "item": { "groupSlug": "contentElements", "attrName": "sliderControls.advanced", "subName": "useArrows", "priority": 20, "render": true, "label": "Show Arrows", "description": "This setting will turn on and off the navigation arrows.", "category": "configuration", "features": { "sticky": false, "preset": [ "html" ] }, "defaultAttr": { "desktop": { "value": { "useArrows": "on" } } }, "component": { "type": "field", "name": "divi/toggle" } } }, "useThumbnails": { "groupType": "group-item", "item": { "groupSlug": "contentElements", "attrName": "sliderControls.advanced", "subName": "useThumbnails", "priority": 30, "render": true, "label": "Slider Controls", "description": "This setting will let you choose to use the thumbnail track controls below the slider or dot navigation at the bottom of the slider.", "category": "configuration", "features": { "preset": [ "html" ] }, "defaultAttr": { "desktop": { "value": { "useThumbnails": "on" } } }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "on": { "label": "Use Thumbnail Track" }, "off": { "label": "Use Dot Navigation" } } } } } } } } } }, "customCssFields": { "playButton": { "label": "Play Button", "subName": "playButton", "selectorSuffix": " .et_pb_video_play" }, "thumbnailItem": { "label": "Thumbnail Item", "subName": "thumbnailItem", "selectorSuffix": " .et_pb_carousel_item" }, "sliderArrows": { "label": "Slider Arrows", "subName": "sliderArrows", "selectorSuffix": " .et-pb-slider-arrows a" } }, "settings": { "advanced": "auto", "content": "auto", "design": "auto", "groups": { "contentElements": { "panel": "content", "priority": 10, "groupName": "elements", "component": { "name": "divi/composite", "props": { "groupLabel": "Elements", "preset": "content" } } }, "contentOverlay": { "panel": "content", "priority": 10, "groupName": "contentOverlay", "component": { "name": "divi/composite", "props": { "groupLabel": "Overlay" } } }, "designControls": { "panel": "design", "priority": 10, "groupName": "controls", "component": { "name": "divi/composite", "props": { "groupLabel": "Controls" } } } } } }