Experience League

退出搜索

Experience Cloud

Document Cloud

将 Dynamic Media 资产添加到页面

要向您在网站上使用的资产添加Dynamic Media功能，您可以直接在页面上添加Dynamic Media或交互式媒体组件。要执行此操作，请进入布局模式并启用Dynamic Media组件。然后，您可以将这些组件添加到页面，并将资产添加到该组件。 Dynamic Media 组件和交互式媒体组件是智能组件，它们知道您添加的是图像还是视频，并能据此相应地更改提供的选项。

如果您使用AEM作为WCM，则可以直接将Dynamic Media资产添加到页面。如果您为 WCM 使用第三方，请链接或嵌入资产。有关响应式第三方网站，请参阅将优化的图像交付到响应式网站。

注意

您必须先发布资产，然后才能将其添加到AEM中的页面。请参阅发布Dynamic Media资产。

将Dynamic Media组件添加到页面

向页面添加Dynamic Media组件与向任何页面添加组件相同。以下各节详细介绍了Dynamic Media各组成部分。

注意

如果网页上有一个具有只读权限的用户访问的Dynamic Media组件，则分页符和组件无法正确呈现。其原因是，重建页面是为了确保组件的属性良好，并且任何引用的资产和配置都可访问。然后，页面会再次呈现，导致组件中断；由于用户的只读访问权限，无法重新呈现页面上的相应组件代码。

要避免此问题，请确保AEM Sites用户具有访问资产的必要权限。

在 AEM 中，打开您要添加 Dynamic Media 组件的页面。
在页面左侧的面板中（可能需要切换侧面板的显示），单击组件图标。
在组件标题下，在下拉列表下，选择Dynamic Media。如果没有可用的列表Dynamic Media组件，您可能需要启用要使用的Dynamic Media组件。请参阅启用Dynamic Media组件。
将要使用的Dynamic Media组件拖动到所需位置的页面上。
将鼠标指针直接悬停在组件上。当组件被蓝色框包围时，点按一次以显示组件的工具栏。点按配置（扳手）图标。
根据需要编辑组件，然后单击复选标记以保存更改。

启用Dynamic Media组件

如果没有可添加到页面的Dynamic Media组件，则可能意味着您需要首先启用要使用的组件。

在 AEM 中，打开您要添加 Dynamic Media 组件的页面。
在工具栏左侧，点按页面顶部附近的页面信息图标，然后点按下拉列表中的编辑模板。
在工具栏右侧页面顶部附近的下拉列表中，点按结构。
在页面底部附近，点按布局容器以打开其工具栏，然后点按策略图标。
在布局容器页面的属性标题下，确保选中了允许的组件选项卡。
滚动直到您看到Dynamic Media。
点按Dynamic Media左侧的>图标以展开列表，选择要启用的Dynamic Media组件。
在布局容器页面的右上角附近，点按完成（复选标记）图标。
在工具栏右侧页面顶部附近的下拉列表中，点按初始内容，然后按将Dynamic Media组件按常规方式添加到页面。

将Dynamic Media组件定位

您可以通过以下两种方式之一本地化Dynamic Media组件：

在“站点”的网页中，打开“属性 ”，然后选择“ 高级 ”选项卡。选择所需的本地化语言。
从站点选择器中，选择所需的页面或页面组。点按属性并选择高级选项卡。选择所需的本地化语言。

注意

请注意，语言菜单中并非所有可用语言当前都分配了令牌。

Dynamic Media组件

Dynamic Media和交互式媒体位于组件中的Dynamic Media选项卡下。对于任何交互式资产（例如交互式视频、交互式图像或传送集），请使用交互式媒体组件。对于所有其他 Dynamic Media 资产，请使用 Dynamic Media 组件。

注意

这些组件默认不可用，在使用之前需要通过模板编辑器使用。在模板编辑器中使组件可用后，您可以像添加任何其他AEM组件一样将组件添加到页面。

chlimage_1-539

Dynamic Media 组件

Dynamic Media组件是智能的——根据您添加的是图像还是视频，您有各种选项。该组件支持图像预设、基于图像的查看器（例如图像集、旋转集、混合媒体集）和视频。此外，查看器具有响应性。也就是说，屏幕的大小会根据屏幕大小自动更改。所有查看器都是 HTML5 查看器。

注意

如果具有只读权限的用户访问的网页上存在Dynamic Media组件、交互式媒体组件或两者，则分页符和组件将无法正确呈现。其原因是，重建页面是为了确保组件的属性良好，并且任何引用的资产和配置都可访问。然后，页面会再次呈现，导致组件中断；由于用户的只读访问权限，无法重新呈现页面上的相应组件代码。

要避免此问题，请确保AEM Sites用户具有访问资产的必要权限。

注意

添加 Dynamic Media 组件时，如果 Dynamic Media 设置为空或无法正常添加资产，请检查以下各项：

您已经启用了 Dynamic Media。默认情况下，Dynamic Media 处于禁用状态。
图像具有金字塔 TIFF 文件。在启用 Dynamic Media 之前导入的图像没有金字塔 TIFF 文件。

处理图像时

Dynamic Media 组件允许您添加动态图像，包括图像集、旋转集和混合媒体集。您可以缩放图像，并在适当的情况下在旋转集内旋转图像，或从其他类型的集合中选择图像。

您还可以直接在组件中配置查看器预设、图像预设或图像格式。要使图像成为响应式图像，您可以设置断点，或应用响应式图像预设。

必须单击组件中的编辑图标，然后单击Dynamic Media设置，以编辑以下Dynamic Media设置。

dm-settings-image-preset

注意

默认情况下，Dynamic media图像组件是自适应的。如果要使其具有固定大小，请在高级选项卡的组件中，使用宽度和高度设置进行设置。

查看
器预设从下拉菜单中选择现有的查看器预设。如果未显示您要查找的查看器预设，则可能需要将其显示出来。请参阅管理查看器预设。如果您正在使用图像预设，则无法选择查看器预设，反之亦然。如果您查看的是图像集、旋转集或混合媒体集，这是唯一可用的选项。显示的查看器预设也是智能的 - 仅显示相关的查看器预设。
查看
器修饰符查看器修饰符采用名称=值对和分隔符的形式，允许您根据查看器参考指南中的概述更改查看器。查看器修饰符的示例为posterimage=img.jpg&caption=text.vtt,1，它为视频缩略图设置不同的图像并将隐藏字幕／子标题文件与视频相关联。
图
像预设从下拉菜单中选择现有的图像预设。如果未显示您要查找的图像预设，则可能需要将其显示出来。请参阅管理图像预设。如果您正在使用图像预设，则无法选择查看器预设，反之亦然。如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
图像修
饰符通过提供其他图像命令，可以应用图像效果。这些内容在图像预设和图像服务命令参考中进行了介绍。
如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
断
点如果您在响应式站点上使用此资产，则需要添加图像断点。图像断点之间需要使用逗号 (,) 进行分隔。当图像预设中未定义高度或宽度时，可以使用此选项。如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。单击组件中的编辑可编辑以下高级设置。
标
题更改图像的标题。
替
代文本为关闭了图形的用户添加图像标题。如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
URL，打开
位置您可以设置资产以打开链接。设置 URL，并在打开方式中指示是要在同一窗口中还是在新窗口中打开该 URL。如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
宽度高
度如果希望图像具有固定大小，请输入以像素为单位的值。将这两个值留空会使资产成为自适应资产。

处理视频时

使用Dynamic Media组件将动态视频添加到网页。编辑该组件时，您可以选择使用预定义的视频查看器预设，以在页面上播放视频。

chlimage_1-541

必须通过单击组件中的编辑来编辑以下Dynamic Media设置。

注意

默认情况下，Dynamic Media 视频组件为自适应组件。如果要使其具有固定大小，请在组件中使用高级选项卡中的宽度和高度进行设置。

查看
器预设从下拉菜单中选择现有的视频查看器预设。如果未显示您要查找的查看器预设，则可能需要将其显示出来。请参阅管理查看器预设。
查看
器修饰符查看器修饰符采用名称=值对和分隔符的形式，允许您根据《Adobe查看器参考指南》中的概述更改查看器。查看器修饰符的示例为posterimage=img.jpg&caption=text.vtt,1

例如，通过查看器修饰符，您可以执行以下操作：
- 将题注文件与视频题注关联。
- 将导航文件与视频导航关联。

单击组件中的编辑可编辑以下高级设置。

标
题更改视频的标题。
宽度高
度如果希望视频具有固定大小，请输入以像素为单位的值。将这两个值留空会使视频成为自适应资产。

使用智能裁剪时

使用Dynamic Media组件将智能裁剪图像资产添加到您的网页。编辑该组件时，您可以选择使用预定义的视频查看器预设，以在页面上播放视频。

另请参阅图像用户档案。

dm-settings-smart-crop

单击组件中的编辑可编辑以下Dynamic Media设置。

注意

默认情况下，Dynamic media图像组件是自适应的。如果要使其变为固定大小，请在“高级”选项卡的组件中设置它，并使用“宽度”和“高度” 。

图像修
饰符通过提供其他图像命令，可以应用图像效果。这些内容在图像预设和图像服务命令参考中进行了介绍。
如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。

单击组件中的编辑可编辑以下高级设置。

标
题更改智能裁剪图像的标题。
替
代文本为关闭了图形的用户添加智能裁剪图像的标题。如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
URL，打开
位置您可以设置资产以打开链接。设置 URL，并在打开方式中指示是要在同一窗口中还是在新窗口中打开该 URL。如果您查看的是图像集、旋转集或混合媒体集，则此选项不可用。
高度和宽
度如果希望智能裁剪图像具有固定大小，请输入以像素为单位的值。将这两个值留空会使视频成为自适应资产。