文档Dynamic Media Classic指南

将视频部署到网站和移动站点 deploying-video-to-your-websites-and-mobile-sites

Last update: Thu Apr 04 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

  • Intermediate
  • User

网站、移动网站和桌面应用程序可使用URL字符串或嵌入代码访问Adobe Dynamic Media Classic服务器内容，包括视频。 Adobe Dynamic Media Classic在发布过程中激活这些URL字符串。 要将视频的URL字符串或嵌入代码置于网页、移动设备页面和桌面应用程序中，请从Adobe Dynamic Media Classic复制此项。

NOTE
在发布资源之前，URL 或嵌入代码处于非活动状态。

发布视频 publishing-video

发布视频可让Adobe Dynamic Media Classic服务器向您的网站、移动网站或应用程序交付视频。

可以使用两种不同的方法发布视频：

  • 上传时自动即时发布视频 — 作为视频上传过程的一部分，Adobe Dynamic Media Classic可以在视频上传和编码后自动发布视频。 立即发布功能意味着，无需事后单独发布视频。

  • 上传后手动发布视频 — 如果不希望立即发布视频，您可以随时手动发布视频。

发布视频后，Adobe Dynamic Media Classic会激活HTML页面或应用程序代码的URL字符串。

要发布视频，请执行以下操作：

  1. 执行以下任一操作：

    • 要在上传时自动立即发布视频，请在“上传”页面中，选择 上传后发布. 您已完成相应的操作，不需要执行其他步骤。
    • 要在上传后手动发布视频，请在浏览面板中选择视频，然后在全局导航栏上选择 Publish.

将视频URL链接到移动网站或网站 linking-a-video-url-to-a-mobile-site-or-a-website

发布视频时，您可以获取其关联的URL，以在网站、移动网站或桌面应用程序中使用。 如果要在网页顶部的弹出或模式窗口中显示视频，请使用视频 URL。

当客户选择链路时，将自动检测其设备、带宽和屏幕大小。 在桌面的预定义查看器中会显示适当的视频进行播放，智能手机和平板电脑在移动设备的本地视频播放器中播放。

另请参阅 在网页上嵌入视频查看器.

要将视频URL链接到移动网站或网站，请执行以下操作：

  1. 在“资产浏览”面板的 显示 下拉列表，选择 视频，或 自适应视频集.

  2. 在左侧的“资源库”面板中，导航到包含要链接到的视频或自适应视频集的资源文件夹。

  3. 在“资源浏览”面板上方的工具栏右侧，执行以下任一操作：

    • 选择 网格视图 或 列表视图. 在“资源浏览”面板中，双击单个资源的视频缩略图，以便在详细信息视图中将其打开。在右侧的“URL和嵌入代码”面板中的HTTP流下，选择 复制URL 位于所需查看器的右侧。 作为最佳实践，请复制与 Universal_HTML5_Video 查看者。

    • 选择 网格视图. 在资源浏览面板中，选择单个资源，然后转到缩略图图像下方 预览 > 查看器列表.

      在“查看器列表”页的表的“操作”列下，选择 复制URL. 作为最佳实践，请复制与 Universal_HTML5_Video 查看者。

    • 选择 列表视图. 在资源浏览面板中，选择单个资源，然后转到缩略图图像右侧，即为 预览 > 查看器列表.

      在“查看器列表”页的表的“操作”列下，选择 复制URL. 作为最佳实践，请复制与 Universal_HTML5_Video 查看者。

    • 选择 网格视图， 列表视图，或 详细信息视图. 在同一工具栏上，转到 预览 > 查看器列表.

      在“查看器列表”页的表的“操作”列下，选择 复制URL. 作为最佳实践，请复制与 Universal_HTML5_Video 查看者。

  4. 将 HTML5 视频 URL 链接粘贴到您的网站和移动站点中。

在网页上嵌入视频查看器 embedding-the-video-viewer-on-a-web-page

如果要播放网页中嵌入的视频，请使用嵌入代码功能。可以将嵌入代码复制到剪贴板中，以便将其粘贴到网页中。在“嵌入代码”对话框中不允许编辑代码。

另请参阅 将视频URL链接到移动网站或网站.

要在网页上嵌入视频查看器，请执行以下操作：

  1. 在资产浏览面板的显示下拉列表中，选择 视频，或 自适应视频集.

  2. 在左侧的“资源库”面板中，导航到包含要复制其嵌入代码的视频或自适应视频集的资源文件夹。

  3. 在“资源浏览”面板上方的工具栏右侧，执行以下任一操作：

    • 选择 网格视图 或 列表视图. 在“资源浏览”面板中，双击单个资源的视频缩略图，以便在详细信息视图中将其打开。在右侧的“URL和嵌入代码”面板中的HTTP流下，选择 嵌入代码 位于所需查看器的右侧。 作为最佳实践，请选择 嵌入代码 与 Universal_HTML5_Video 查看者。

    • 选择 网格视图. 在“资源浏览”面板中，选择单个资源，然后选择视频缩略图图像下方 预览 > 查看器列表.

      在“查看器列表”页的表的“操作”列下，选择 嵌入代码. 作为最佳实践，请选择 嵌入代码 与 Universal_HTML5_Video 查看者。

    • 选择 列表视图. 在资源浏览面板中，选择单个资源，然后转到缩略图图像右侧，即为 预览 > 查看器列表.

      在“查看器列表”页的表的“操作”列下，选择 嵌入代码. 作为最佳实践，请选择 嵌入代码 与 Universal_HTML5_Video 查看者。

    • 选择 网格视图， 列表视图，或 详细信息视图. 在同一工具栏上，转到 预览 > 查看器列表.

      在“查看器列表”页的表的“操作”列下，选择 嵌入代码. 作为最佳实践，请选择 嵌入代码 与 Universal_HTML5_Video 查看者。

  4. 在嵌入代码对话框中，选择 复制到剪贴板.

    在“嵌入代码”对话框中不允许编辑代码。

  5. 选择 关闭.

  6. 在网页中粘贴嵌入代码。

实施嵌入代码以便将HTML5视频与MP4视频资源结合使用 implementing-embed-code-for-using-html-video-with-mp-video-assets

如果您没有使用Adobe Dynamic Media ClassicHTML5视频播放器，而是希望使用本机HTML5 <video> 标记时，您可以使用以下嵌入代码示例：

<video poster="S7 video thumbnail URL" controls>
        <source src="S7 OGG video asset URL (no player)" type='video/ogg; codecs="theora, vorbis"'/>
        <source src="S7 MP4 mobile progressive video asset URL (no player)" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
        <p>This is fallback content</p>
</video>

使用第三方视频播放器部署视频 deploying-video-using-a-third-party-video-player

如果您使用第三方视频播放器或自定义视频播放器，而不是Dynamic Media Classic视频查看器，则会获得适用于HLS多比特率视频流或渐进式下载的直接视频URL。

要使用第三方视频播放器部署视频，请执行以下操作：

  1. 在Adobe Dynamic Media Classic的全局导航栏上，转到 设置 > 应用程序设置 > 常规设置.
  2. 根据要使用的 URL 类型，请执行以下任务之一：

  • 生成直接HLS流视频URL（多比特率）

    在 应用程序常规设置 页面，在 服务器 组，在 已发布的服务器名称 文本字段，构建直接URL。 使用以下语法： server/is/content/company/folder/filename.m3u8

    例如，假设已发布的服务器名称为 https://s7d9.scene7.com/. 使用步骤2中的语法，直接URL可能如下所示：
    https://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8

  • 生成直接HLS流视频URL（单比特率）

    在 应用程序常规设置 页面，在 服务器 组，在 HLS流服务器名称 文本字段，使用以下语法构建直接URL：

    server/company/folder/filename.ext.m3u8

    例如，假设HLS流服务器名称为 https://s7mbrstream.scene7.com/hls-vod/. 使用步骤2中的语法，直接URL可能如下所示：
    https://s7mbrstream.scene7.com/hls-vod/GeoRetail/MBR/ToyStory3\_Teaser1\_High\_iPad\_768x432\_1296K.mp4.m3u8

  • 生成直接渐进式视频 URL

    在“应用程序常规设置”页面的“服务器”组的“渐进式视频服务器名称”文本框中，使用以下语法构建直接 eVideo URL：

    server/company/folder/filename

    例如，假设渐进式视频服务器名称为 https://s7d9.scene7.com/is/content/. 使用步骤2中的语法，直接URL可能如下所示：
    https://s7d9.scene7.com/e2/GeoRetail/SourceVideo/outdoors.mp4

使用视频缩略图 working-with-video-thumbnails

Adobe Dynamic Media Classic为编码的视频和预编码的视频生成缩略图。 您可以像使用任何图像资源一样使用视频缩略图。此外，您还可以获取Adobe Dynamic Media Classic生成的视频缩略图的URL。 然后，您可以在Adobe Dynamic Media Classic之外部署这些URL。 例如，您可以在搜索结果、相关视频列表和网站上的视频播放列表中部署缩略图。

基于视频的第一个异构帧（不是全黑帧或全白帧等）生成缩略图。

获取视频缩略图URL obtaining-video-thumbnail-urls

Adobe Dynamic Media Classic在上传过程中自动生成视频缩略图。 缩览图显示在“列表视图”和“网格视图”的“浏览”面板中。

要生成视频缩略图的 URL，请执行发布操作。

请参阅 发布视频.

发布后，您可以在“URL 和嵌入代码”面板的“详细信息视图”中获取视频缩略图 URL。选择 复制URL ，以便复制其关联的URL。

在视频查看器中修改海报帧 modifying-poster-frames-in-video-viewers

海报帧 ​是在开始播放视频之前在视频查看器中显示的初始帧。Adobe Dynamic Media Classic使用视频缩略图作为海报帧。

您可以将图像修饰符应用于海报帧。例如，您可以裁切海报帧或使其变得透明。要修改海报帧，请打开视频查看器配置屏幕，并在“海报图像修饰符”部分中输入修饰符。

请参阅 添加或编辑视频查看器预设.

请参阅 图像服务指南.

还可以通过将修饰符附加到视频缩略图 URL 的后面来修改视频缩略图。

Related Articles
recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26