You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

AEM6.5视频组件无法通过路径选择器选取视频文件问题

问题描述

我们期望编辑人员为视频组件选取MP4文件时,可同时使用路径选择器浏览选取、Assets资源拖拽两种操作方式。但当前视频组件仅支持MP4文件拖拽功能:仅当从Assets中拖拽MP4文件到组件时,资源才能被视频组件正常识别加载;而现有图片组件已同时支持Assets拖拽选图、路径选择器选图两种能力。

当前视频组件_cq_dialog/.content.xml配置代码如下:

<file jcr:primaryType="nt:unstructured"
      sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
      name="./videoFile"
      fieldLabel="Video"
      fileNameParameter="./videoFileName"
      fileReferenceParameter="./videoFileReference"
      title="MP4-Video"
      mimeTypes="[video/mp4]"
      uploadUrl="${suffix.path}"
      allowUpload="{Boolean}${not empty cqDesign.allowUpload ? cqDesign.allowUpload : false}"
      autoStart="{Boolean}false"
      multiple="{Boolean}false"
      required="{Boolean}true"
      useHTML5="{Boolean}true"
      class="cq-droptarget"/>

视频组件_cq_editConfig.xml配置代码如下:

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
          jcr:primaryType="cq:EditConfig">
    <cq:dropTargets jcr:primaryType="cq:DropTargetConfig">
        <video
                jcr:primaryType="nt:unstructured"
                accept="[video/mp4]"
                groups="[media]"
                propertyName="./videoFileReference"/>
    </cq:dropTargets>
</jcr:root>

编辑器界面标注的期望路径浏览选视频入口位置:
drop asset here
pick asset here

核心诉求:如何调整组件相关配置,实现编辑人员通过路径选择器浏览选取MP4视频文件的功能?

解决方案

仅需修改_cq_dialog/.content.xml中的fileupload节点配置,不需要调整_cq_editConfig.xml的拖拽规则,补充两个属性即可:

  • 新增allowBrowse="{Boolean}true"属性,开启资源选择器的浏览入口
  • 新增browseType="VIDEO"属性,限定路径选择器仅筛选展示视频类资源,和已配置的MP4格式规则匹配

调整后的完整file节点配置如下:

<file jcr:primaryType="nt:unstructured"
      sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
      name="./videoFile"
      fieldLabel="Video"
      fileNameParameter="./videoFileName"
      fileReferenceParameter="./videoFileReference"
      title="MP4-Video"
      mimeTypes="[video/mp4]"
      uploadUrl="${suffix.path}"
      allowUpload="{Boolean}${not empty cqDesign.allowUpload ? cqDesign.allowUpload : false}"
      allowBrowse="{Boolean}true"
      browseType="VIDEO"
      autoStart="{Boolean}false"
      multiple="{Boolean}false"
      required="{Boolean}true"
      useHTML5="{Boolean}true"
      class="cq-droptarget"/>

配置修改完成后重新部署组件、刷新编辑器页面即可生效,原有拖拽上传能力会完整保留,同时会展示和图片组件一致的路径选择入口,点击即可唤起资源浏览器选取DAM内的MP4文件。

若使用AEM 6.3及更早版本,可将browseType替换为assetType="[video/mp4]",可实现相同的资源筛选效果。


内容的提问来源于stack exchange,提问作者scura s

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.26 13:33:22