Section
Neo 视频播放
2 个模板实例，15 个 section 配置，8 类 block。
真实模板变体
Schema
{
"name": "Neo 视频播放",
"tag": "section",
"class": "section",
"settings": [
{
"type": "text",
"id": "section_id",
"label": "Section ID"
},
{
"type": "image_picker",
"id": "title_icon",
"label": "标题图标",
"info": "上传标题图标"
},
{
"type": "textarea",
"id": "heading",
"label": "标题",
"default": "视频标题"
},
{
"type": "color",
"id": "heading_color",
"label": "标题颜色"
},
{
"type": "text",
"id": "bg_gradient",
"label": "背景渐变",
"info": "填写完整 CSS 渐变（如 linear-gradient(...)）；填写后会作为整段 section 的背景"
},
{
"type": "textarea",
"id": "subheading",
"label": "副标题",
"default": "视频描述文字"
},
{
"type": "checkbox",
"id": "use_container",
"label": "使用版心",
"default": true,
"info": "启用后视频将在版心内显示，否则将占据整个屏幕宽度"
},
{
"type": "video",
"id": "video_url",
"label": "视频链接"
},
{
"type": "video",
"id": "mobile_video_url",
"label": "移动端视频链接",
"info": "在移动端（768px以下）优先显示此视频"
},
{
"type": "image_picker",
"id": "image_url",
"label": "图片",
"info": "当没有视频时显示"
},
{
"type": "image_picker",
"id": "mobile_image_url",
"label": "移动端图片",
"info": "在移动端（768px以下）优先显示此图片"
},
{
"type": "checkbox",
"id": "autoplay_video",
"label": "自动播放视频",
"default": false,
"info": "进入视口时自动播放，离开时暂停"
},
{
"type": "checkbox",
"id": "loop_video",
"label": "循环播放视频",
"default": false
},
{
"type": "checkbox",
"id": "show_play_button",
"label": "显示播放按钮",
"default": true
},
{
"type": "image_picker",
"id": "custom_play_button",
"label": "自定义播放按钮",
"info": "上传自定义播放按钮图标，不上传则使用默认图标"
}
],
"blocks": [
{
"type": "tabs",
"name": "样式",
"settings": [
{
"type": "number",
"id": "tab_number",
"label": "数字",
"default": 0,
"info": "请输入数字"
},
{
"type": "select",
"id": "tab_align",
"label": "箭头方式",
"default": "up",
"options": [
{
"value": "up",
"label": "向上"
},
{
"value": "down",
"label": "向下"
}
]
},
{
"type": "text",
"id": "tab_text",
"label": "文字"
}
]
},
{
"type": "bottom_tabs",
"name": "Bottom Tabs",
"settings": [
{
"type": "text",
"id": "tab_number1",
"label": "Tab 1 Number"
},
{
"type": "text",
"id": "tab_text1",
"label": "Tab 1 Text"
},
{
"type": "text",
"id": "tab_number2",
"label": "Tab 2 Number"
},
{
"type": "text",
"id": "tab_text2",
"label": "Tab 2 Text"
}
]
},
{
"type": "absolute_tabs",
"name": "Absolute Tabs",
"settings": [
{
"type": "text",
"id": "absolute_tabs_number",
"label": "Absolute Tabs Number"
},
{
"type": "text",
"id": "tab_text",
"label": "Tab Text"
}
]
},
{
"type": "absolute_tabs2",
"name": "Absolute Tabs2",
"settings": [
{
"type": "text",
"id": "tab_number1",
"label": "Tab 1 Number"
},
{
"type": "text",
"id": "tab_text1",
"label": "Tab 1 Text"
},
{
"type": "text",
"id": "tab_number2",
"label": "Tab 2 Number"
},
{
"type": "text",
"id": "tab_text2",
"label": "Tab 2 Text"
}
]
},
{
"type": "text_overlay",
"name": "Text Overlay",
"settings": [
{
"type": "textarea",
"id": "text",
"label": "Text"
},
{
"type": "range",
"id": "desktop_top",
"label": "Desktop top",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "range",
"id": "desktop_left",
"label": "Desktop left",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "range",
"id": "mobile_top",
"label": "Mobile top",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "range",
"id": "mobile_left",
"label": "Mobile left",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "select",
"id": "text_align",
"label": "Text align",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "color",
"id": "text_color",
"label": "Text color",
"default": "#000000"
},
{
"type": "range",
"id": "font_size_desktop",
"label": "Desktop font size",
"min": 10,
"max": 80,
"step": 1,
"unit": "px",
"default": 28
},
{
"type": "range",
"id": "font_size_mobile",
"label": "Mobile font size",
"min": 8,
"max": 36,
"step": 1,
"unit": "px",
"default": 14
}
]
},
{
"type": "text_overlay_2",
"name": "Text Overlay 2",
"settings": [
{
"type": "textarea",
"id": "text",
"label": "Text"
},
{
"type": "range",
"id": "desktop_top",
"label": "Desktop top",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "range",
"id": "desktop_left",
"label": "Desktop left",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "range",
"id": "mobile_top",
"label": "Mobile top",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "range",
"id": "mobile_left",
"label": "Mobile left",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "select",
"id": "text_align",
"label": "Text align",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "color",
"id": "text_color",
"label": "Text color",
"default": "#000000"
},
{
"type": "range",
"id": "font_size_desktop",
"label": "Desktop font size",
"min": 10,
"max": 80,
"step": 1,
"unit": "px",
"default": 28
},
{
"type": "range",
"id": "font_size_mobile",
"label": "Mobile font size",
"min": 8,
"max": 36,
"step": 1,
"unit": "px",
"default": 14
}
]
},
{
"type": "text_overlay_3",
"name": "Text Overlay 3",
"settings": [
{
"type": "textarea",
"id": "text",
"label": "Text"
},
{
"type": "range",
"id": "desktop_top",
"label": "Desktop top",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "range",
"id": "desktop_left",
"label": "Desktop left",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "range",
"id": "mobile_top",
"label": "Mobile top",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "range",
"id": "mobile_left",
"label": "Mobile left",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "select",
"id": "text_align",
"label": "Text align",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "color",
"id": "text_color",
"label": "Text color",
"default": "#000000"
},
{
"type": "range",
"id": "font_size_desktop",
"label": "Desktop font size",
"min": 10,
"max": 80,
"step": 1,
"unit": "px",
"default": 28
},
{
"type": "range",
"id": "font_size_mobile",
"label": "Mobile font size",
"min": 8,
"max": 36,
"step": 1,
"unit": "px",
"default": 14
}
]
},
{
"type": "text_overlay_4",
"name": "Text Overlay 4",
"settings": [
{
"type": "textarea",
"id": "text",
"label": "Text"
},
{
"type": "range",
"id": "desktop_top",
"label": "Desktop top",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "range",
"id": "desktop_left",
"label": "Desktop left",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "range",
"id": "mobile_top",
"label": "Mobile top",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "range",
"id": "mobile_left",
"label": "Mobile left",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"default": 50
},
{
"type": "select",
"id": "text_align",
"label": "Text align",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "color",
"id": "text_color",
"label": "Text color",
"default": "#000000"
},
{
"type": "range",
"id": "font_size_desktop",
"label": "Desktop font size",
"min": 10,
"max": 80,
"step": 1,
"unit": "px",
"default": 28
},
{
"type": "range",
"id": "font_size_mobile",
"label": "Mobile font size",
"min": 8,
"max": 36,
"step": 1,
"unit": "px",
"default": 14
}
]
}
],
"presets": [
{
"name": "Neo 视频播放",
"category": "视频"
}
]
}