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

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

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

发布视频 publishing-video

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

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

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

  • 上传后手动Publish视频:如果不希望立即发布视频,可以随时手动发布视频。

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

要发布视频:

  1. 执行以下任一操作:

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

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

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

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

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

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

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

  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. 将嵌入代码粘贴到网页中。

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

您可能不希望使用Adobe Dynamic Media ClassicHTML5视频播放器。 相反,如果要将本机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>

使用第三方视频播放器部署视频 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,请执行发布操作。

观看Publish视频

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

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

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

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

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

请参阅图像服务指南

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

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