Bricks Schema 中文文档:视频

标签TAGS: 

📄 原始资料 (已截断)  |  展开查看原始 JSON(video.json){ “$schema”: “https://json-schema.org/draft/2020-12/schema”, “$id”: “bricks://elements/video”, “schemaVersion”: “2.3”, “type”: “object”, “title”: “Video”, “description”: “Schema for Bricks Video element”, “metadata”: { “name”: “video”, “category”: “b…

📄 原始资料 (已截断)  |  展开查看原始 JSON(video.json)
{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "$id": "bricks://elements/video",
  "schemaVersion": "2.3",
  "type": "object",
  "title": "Video",
  "description": "Schema for Bricks Video element",
  "metadata": {
    "name": "video",
    "category": "basic",
    "tag": "div",
    "nestable": false
  },
  "settings": {
    "videoType": {
      "label": "Source",
      "default": "youtube",
      "options": {
        "youtube": "YouTube",
        "vimeo": "Vimeo",
        "media": "Media",
        "file": "File URL",
        "meta": "Dynamic Data",
        "youtubeZh": "YouTube",
        "vimeoZh": "Vimeo",
        "mediaZh": "媒体",
        "fileZh": "文件 URL",
        "metaZh": "动态数据"
      },
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Single selection",
            "descriptionZh": "单选。"
          },
          {
            "type": "array",
            "items": {
              "type": "string"
            },
            "description": "Multiple selection",
            "descriptionZh": "多选。"
          }
        ]
      },
      "controlType": "select",
      "labelZh": "来源"
    },
    "iframeTitle": {
      "label": "Iframe title",
      "hasRequired": true,
      "valueSchema": {
        "type": "string"
      },
      "controlType": "text",
      "labelZh": "iframe 标题"
    },
    "aspectRatio": {
      "label": "Aspect ratio",
      "options": {
        "16/9": "16:9 (",
        "9/16": "9:16 (",
        "4/3": "4:3 (",
        "3/4": "3:4 (",
        "21/9": "21:9 (",
        "1/1": "1:1 (",
        "2/3": "2:3 (",
        "3/2": "3:2 (",
        "16/9Zh": "16:9",
        "9/16Zh": "9:16",
        "4/3Zh": "4:3",
        "3/4Zh": "3:4",
        "21/9Zh": "21:9",
        "1/1Zh": "1:1",
        "2/3Zh": "2:3",
        "3/2Zh": "3:2"
      },
      "css": [
        {
          "property": "aspect-ratio"
        }
      ],
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Single selection",
            "descriptionZh": "单选。"
          },
          {
            "type": "array",
            "items": {
              "type": "string"
            },
            "description": "Multiple selection",
            "descriptionZh": "多选。"
          }
        ]
      },
      "controlType": "select",
      "labelZh": "宽高比"
    },
    "objectFit": {
      "label": "Object fit",
      "options": {
        "contain": "Contain",
        "cover": "Cover",
        "fill": "Fill",
        "scale-down": "Scale down",
        "none": "None",
        "containZh": "包含",
        "coverZh": "覆盖",
        "fillZh": "填充",
        "scale-downZh": "缩小适配",
        "noneZh": "无"
      },
      "css": [
        {
          "property": "object-fit",
          "selector": "video"
        }
      ],
      "hasRequired": true,
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Single selection",
            "descriptionZh": "单选。"
          },
          {
            "type": "array",
            "items": {
              "type": "string"
            },
            "description": "Multiple selection",
            "descriptionZh": "多选。"
          }
        ]
      },
      "controlType": "select",
      "labelZh": "对象填充"
    },
    "youTubeId": {
      "label": "YouTube video ID/URL",
      "default": "5DGo0AYOJ7s",
      "hasRequired": true,
      "valueSchema": {
        "type": "string"
      },
      "controlType": "text",
      "labelZh": "YouTube 视频 ID/URL"
    },
    "youtubeAutoplay": {
      "label": "Autoplay",
      "hasRequired": true,
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "自动播放"
    },
    "youtubeControls": {
      "label": "Controls",
      "hasRequired": true,
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "控件"
    },
    "youtubeLoop": {
      "label": "Loop",
      "hasRequired": true,
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "循环"
    },
    "youtubeMute": {
      "label": "Mute",
      "hasRequired": true,
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "静音"
    },
    "youtubeRel": {
      "label": "Related videos from other channels",
      "hasRequired": true,
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "显示其他频道的推荐视频"
    },
    "youtubeDoNotTrack": {
      "label": "Do not track",
      "hasRequired": true,
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "不跟踪"
    },
    "youtubeStart": {
      "label": "Start time [s]",
      "hasRequired": true,
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Value with unit (e.g., \"10px\", \"50%\")",
            "descriptionZh": "带单位的值(例如 \"10px\"、\"50%\")。"
          },
          {
            "type": "number"
          }
        ]
      },
      "controlType": "number",
      "labelZh": "开始时间(秒)"
    },
    "youtubeEnd": {
      "label": "End time [s]",
      "hasRequired": true,
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Value with unit (e.g., \"10px\", \"50%\")",
            "descriptionZh": "带单位的值(例如 \"10px\"、\"50%\")。"
          },
          {
            "type": "number"
          }
        ]
      },
      "controlType": "number",
      "labelZh": "结束时间(秒)"
    },
    "youtubeDisableFullscreenButton": {
      "label": "Disable fullscreen button",
      "hasRequired": true,
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "禁用全屏按钮"
    },
    "youtubeDisableKeyboard": {
      "label": "Disable keyboard controls",
      "hasRequired": true,
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "禁用键盘控制"
    },
    "youtubeLanguage": {
      "label": "Interface language",
      "hasRequired": true,
      "valueSchema": {
        "type": "string"
      },
      "controlType": "text",
      "labelZh": "界面语言"
    },
    "youtubeCcLang": {
      "label": "Captions language",
      "hasRequired": true,
      "valueSchema": {
        "type": "string"
      },
      "controlType": "text",
      "labelZh": "字幕语言"
    },
    "youtubeCcLoad": {
      "label": "Show captions by default",
      "hasRequired": true,
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "默认显示字幕"
    },
    "youtubeColor": {
      "label": "Progress bar color",
      "options": {
        "red": "Red",
        "white": "White",
        "redZh": "红色",
        "whiteZh": "白色"
      },
      "hasRequired": true,
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Single selection",
            "descriptionZh": "单选。"
          },
          {
            "type": "array",
            "items": {
              "type": "string"
            },
            "description": "Multiple selection",
            "descriptionZh": "多选。"
          }
        ]
      },
      "controlType": "select",
      "labelZh": "进度条颜色"
    },
    "youtubeHideAnnotationsByDefault": {
      "label": "Hide video annotations by default",
      "hasRequired": true,
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "默认隐藏视频注释"
    },
    "youtubePlaysinline": {
      "label": "Play inline",
      "hasRequired": true,
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "内联播放"
    },
    "vimeoId": {
      "label": "Vimeo video ID/URL",
      "hasRequired":

... (内容过长已截断,完整 JSON 见原始文件)

前言

Bricks Video 元素的 schema。

基本信息

  • 英文名称Video
  • 中文名称:视频
  • Schema IDbricks://elements/video
  • Schema 版本2.3
  • 类型object
  • 分类basic
  • Tagdiv
  • 内部名称video

设置项

  • videoType — 来源 (select)
  • iframeTitle — iframe 标题 (text)
  • aspectRatio — 宽高比 (select)
  • objectFit — 对象填充 (select)
  • youTubeId — YouTube 视频 ID/URL (text)
  • youtubeAutoplay — 自动播放 (checkbox)
  • youtubeControls — 控件 (checkbox)
  • youtubeLoop — 循环 (checkbox)
  • youtubeMute — 静音 (checkbox)
  • youtubeRel — 显示其他频道的推荐视频 (checkbox)
  • youtubeDoNotTrack — 不跟踪 (checkbox)
  • youtubeStart — 开始时间(秒) (number)
  • youtubeEnd — 结束时间(秒) (number)
  • youtubeDisableFullscreenButton — 禁用全屏按钮 (checkbox)
  • youtubeDisableKeyboard — 禁用键盘控制 (checkbox)
  • youtubeLanguage — 界面语言 (text)
  • youtubeCcLang — 字幕语言 (text)
  • youtubeCcLoad — 默认显示字幕 (checkbox)
  • youtubeColor — 进度条颜色 (select)
  • youtubeHideAnnotationsByDefault — 默认隐藏视频注释 (checkbox)
  • youtubePlaysinline — 内联播放 (checkbox)
  • vimeoId — Vimeo 视频 ID/URL (text)
  • vimeoHash — Vimeo 隐私哈希 (text)
  • vimeoAutoplay — 自动播放 (checkbox)
  • vimeoLoop — 循环 (checkbox)
  • vimeoMute — 静音 (checkbox)
  • vimeoByline — 署名 (checkbox)
  • vimeoTitle — 标题 (checkbox)
  • vimeoPortrait — 用户头像 (checkbox)
  • vimeoDoNotTrack — 不跟踪 (checkbox)
  • vimeoColor — 颜色 (color)
  • previewImage — previewImage (select)
  • previewImageCustom — previewImageCustom (image)
  • previewImageSize — 图片尺寸 (select)
  • media — 媒体 (video)
  • fileUrl — 视频文件 URL (text)
  • useDynamicData — useDynamicData (text)
  • filePreload — 预加载 (select)
  • fileAutoplay — 自动播放 (checkbox)
  • fileLoop — 循环 (checkbox)
  • fileMute — 静音 (checkbox)
  • fileInline — 内联播放 (checkbox)
  • fileControls — 控件 (checkbox)
  • fileControlNoDownload — 禁用 (checkbox)
  • fileControlNoFullscreen — 禁用 (checkbox)
  • fileControlNoRemotePlayback — 禁用 (checkbox)
  • videoPoster — 封面图 (image)
  • overlay — 覆盖层 (background)
  • overlayIcon — 图标 (icon)
  • overlayAriaLabel — aria-label (text)
  • overlayIconTypography — 图标排版 (typography)
  • overlayIconPadding — 图标内边距 (spacing)
  • overlayIconBackgroundColor — 图标背景色 (color)
  • overlayIconBorder — 图标边框 (border)
  • overlayIconBoxShadow — 图标盒子阴影 (box-shadow)
  • _content — 内容 (text)
  • _margin — 外边距 (spacing)
  • _padding — 内边距 (spacing)
  • _width — 宽度 (number)
  • _widthMin — 最小宽度 (number)
  • _widthMax — 最大宽度 (number)
  • _height — 高度 (number)
  • _heightMin — 最小高度 (number)
  • _heightMax — 最大高度 (number)
  • _aspectRatio — 宽高比 (text)
  • _position — 位置 (select)
  • _top — 顶部 (number)
  • _right — 右侧 (number)
  • _bottom — 底部 (number)
  • _left — 左侧 (number)
  • _zIndex — Z 索引 (number)
  • _order — 顺序 (number)
  • _display — 显示 (select)
  • _visibility — 可见性 (select)
  • _overflow — 溢出 (text)
  • _opacity — 不透明度 (number)
  • _cursor — 光标 (select)
  • _isolation — 隔离 (select)
  • _mixBlendMode — 混合模式 (select)
  • _pointerEvents — 指针事件 (text)
  • _perspective — 透视 (number)
  • _perspectiveOrigin — 透视原点 (text)
  • _gridItemJustifySelf — 自身水平对齐 (align-items)
  • _flexDirection — 方向 (direction)
  • _alignSelf — 自身对齐 (align-items)
  • _justifyContent — 主轴对齐 (justify-content)
  • _alignItems — 交叉轴对齐 (align-items)
  • _gap — 间距 (number)
  • _flexGrow — 放大比例 (number)
  • _flexShrink — 缩小比例 (number)
  • _flexBasis — 伸缩基准 (text)
  • _useMasonry — %s 布局 (checkbox)
  • _masonryColumn — 列数 (number)
  • _masonryGutter — 间距 (number)
  • _masonryHorizontalOrder — 水平顺序 (checkbox)
  • _masonryTransitionDuration — 过渡 (number)
  • _masonryTransitionMode — 显现动画 (select)
  • _typography — _typography (typography)
  • _background — _background (background)
  • _shapeDividers — 自定义形状 (repeater)
  • _gradient — _gradient (gradient)
  • _border — 边框 (border)
  • _boxShadow — 盒子阴影 (box-shadow)
  • _transform — 变换 (transform)
  • _transformOrigin — 变换原点 (text)
  • _motionElementParallax — 元素视差 (checkbox)
  • _motionElementParallaxSpeedX — 水平速度 (number)
  • _motionElementParallaxSpeedY — 垂直速度 (number)
  • _motionBackgroundParallax — 背景视差 (checkbox)
  • _motionBackgroundParallaxSpeed — 背景速度 (number)
  • _motionStartVisiblePercent — 视差起点 (number)
  • _cssCustom — 自定义 CSS (code)
  • _cssClasses — CSS 类 (text)
  • _cssId — CSS ID (text)
  • _cssFilters — CSS 滤镜 (filters)
  • _cssTransition — 过渡 (text)
  • _attributes — 姓名 (repeater)
  • _scrollSnapType — 类型 (select)
  • _scrollSnapAlign — 对齐 (select)
  • _scrollSnapStop — 停止 (select)

补充说明

更多细节可参考 Bricks 官方 Academy 文档