将视频部署到网站和移动站点

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

注意

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

发布视频

通过发布视频,AdobeDynamic Media Classic服务器可以将视频交付到您的网站、移动设备网站或应用程序。

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

  • 在上载时自动立即发布视频 — 在视频上传过程中,AdobeDynamic Media Classic可以在上传和编码视频时自动发布视频。 立即发布功能意味着,无需事后单独发布视频。

  • 在上载后手动发布视频 — 如果您不想立即发布视频,可以随时手动发布视频。

发布视频后,AdobeDynamic Media Classic会为您的HTML页面或应用程序代码激活URL字符串。

发布视频:

  1. 执行以下任一操作:

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

将视频URL关联到移动设备网站或网站

在发布视频后,您可以获取该视频的 URL 以在网站、移动站点或台式机应用程序中使用。如果要在网页顶部的弹出或模式窗口中显示视频,请使用视频 URL。

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

另请参阅将视频查看器嵌入网页

将视频 URL 链接到移动站点或网站:

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

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

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

    • 选择​网格视图​或​列表视图。 在“资源浏览”面板中,双击单个资源的视频缩略图,以便在详细信息视图中将其打开。在右侧的“URL和嵌入代码”面板的HTTP流下,选择所需查看器右侧的​复制URL 。 最佳做法是复制与Universal_HTML5_Video查看器关联的URL。

    • 选择​网格视图。 在“资产浏览”面板中,选择一个资产,然后在缩略图图像下方,转到​预览 > 查看器列表

      在“查看器列表”页面的表的“操作”列下,选择​复制URL。 最佳做法是复制与Universal_HTML5_Video查看器关联的URL。

    • 选择​列表视图。 在“资产浏览”面板中,选择一个资产,然后转到缩略图图像右侧的​预览 > 查看器列表

      在“查看器列表”页面的表的“操作”列下,选择​复制URL。 最佳做法是复制与Universal_HTML5_Video查看器关联的URL。

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

      在“查看器列表”页面的表的“操作”列下,选择​复制URL。 最佳做法是复制与Universal_HTML5_Video查看器关联的URL。

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

在网页上嵌入视频查看器

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

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

在网页中嵌入视频查看器:

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

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

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

    • 选择​网格视图​或​列表视图。 在“资源浏览”面板中,双击单个资源的视频缩略图,以便在详细信息视图中将其打开。在右侧的“URL和嵌入代码”面板的HTTP流下,选择所需查看器右侧的​嵌入代码 。 最好选择与Universal_HTML5_Video查看器关联的​嵌入代码

    • 选择​网格视图。 在“资产浏览”面板中,选择一个资产,然后在视频缩略图图像的下方,选择​预览 > 查看器列表

      在“查看器列表”页面的表的“操作”列下,选择​嵌入代码。 最好选择与Universal_HTML5_Video查看器关联的​嵌入代码

    • 选择​列表视图。 在“资产浏览”面板中,选择一个资产,然后转到缩略图图像右侧的​预览 > 查看器列表

      在“查看器列表”页面的表的“操作”列下,选择​嵌入代码。 最好选择与Universal_HTML5_Video查看器关联的​嵌入代码

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

      在“查看器列表”页面的表的“操作”列下,选择​嵌入代码。 最好选择与Universal_HTML5_Video查看器关联的​嵌入代码

  4. 在“嵌入代码”对话框中,选择​复制到剪贴板

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

  5. 选择​关闭

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

实施用于在MP4视频资产中使用HTML5视频的嵌入代码

如果您没有使用AdobeDynamic Media Classic HTML5视频播放器,而是希望将本机HTML5 <video>标记与MP4视频资产结合使用,则可以使用以下嵌入代码示例:

<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>

使用第三方视频播放器部署视频

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

使用第三方视频播放器部署视频:

  1. 在AdobeDynamic Media Classic的全局导航栏上,转到​设置 > 应用程序设置 > 常规设置
  2. 根据要使用的 URL 类型,请执行以下任务之一:
  • 生成直接HLS流视频URL(多比特率)

    在​应用程序常规设置​页面的​Servers​组的​Published Server Name​文本字段中,构建直接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(单比特率)

    在​应用程序常规设置​页面的​Servers​组的​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

使用视频缩略图

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

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

获取视频缩略图URL

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

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

请参阅发布视频

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

在视频查看器中修改海报帧

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

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

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

请参阅Image Serving指南

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

在此页面上