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>
编辑器界面标注的期望路径浏览选视频入口位置:

核心诉求:如何调整组件相关配置,实现编辑人员通过路径选择器浏览选取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
相关产品推荐
相关产品推荐

