ECL 媒体集装箱部分

npm 软件包 : @ecl/media-container

npm install --save @ecl/media-container

参数

• "标题" (字符串)(默认:""):媒体标题
• "描述" (字符串)(默认为:""): 媒体介绍
• "信贷" (字符串)(默认为:""): 媒体的信用
• 标题( 位置) (字符串)(默认:"下"): 描述和信用的位置; 可以是“ 下方 ” , “ 结束 ”
• "sr video player" (英语) (字符串) (默认:''):视频播放器的额外标签;屏幕阅读器
• "sr video audio" (英语) (字符串) (默认 : “ “ ” ): 用于显示是否有音频描述的附加文本; 用于屏幕阅读器
• "画面" (对象) (默认: ) ECL 结构后的图像
• "视频" (对象) (默认: ) 符合ECL结构的视频
• "自动游戏" (boolean) (默认: 假) 自动播放视频已变音并循环(hides control)
• "游戏" (字符串) (默认:") 播放按钮的屏幕阅读器标签(自动播放视频)
• "暂停" (字符串) (默认:"'") 暂停按钮的屏幕阅读器标签(自动播放视频)
• "满" "活" (boolean) (默认:假) 全宽介质容器(网格容器内)
• "论" (字符串)(默认为:")嵌入媒体的比例;如果是空的,由JS设定
• "扩张" (对象) (默认: ) ECL 可扩展结构后的可选可扩展块
• "超级" (字符串)(默认为:") 额外类(空格分隔)
• “外部属性” (阵列) (默认: []) 额外属性
  • 名称 (字符串) 属性名称, 如“ 数据测试 ”
  • 值 (字符串) 属性值, 如 : “ data- test-1 ”

块 :

• "内置 媒体" (可选) (字符串)(默认:") 设置嵌入码的块

折旧:

• "来源" (阵列) (默认: []) 具有这种结构的视频源组:
  • "src" (字符串)(默认:"""),
  • "类型" (字符串)(默认为:""),
• "轨道" (阵列)(默认:[ ]): 带有此结构的视频轨道阵列 :
  • "src" (字符串)(默认:"""),
  • “kind” (字符串)(默认为“'”),
  • "src lang"(字符串)(默认为:"""),
  • “ 标签”( 字符串)( 默认 : '') ,
  • "描述"(字符串)(默认:"""),
• "图像" (字符串)(默认为:""): 图像用作视频占位符 .
• "sr video label" (中文(简体) ) (字符串) (默认:"'"):视频项目的附加标签;屏幕阅读器

媒体容器图像示例 :

{% include '@ecl/media-container/media-container.html.twig' with { 
  description: 'A description for this image', 
  extra_classes: 'my-extra-class-1 my-extra-class-2', 
  picture: {
    img: {
      src: '/path/to/your/image',
      alt: 'An alternate text',
    },
  },
  extra_attributes: [ 
    { name: 'data-test', value: 'data-test-value' }, 
    { name: 'data-test-1', value: 'data-test-value-1' } 
  ] 
} %}