将视频部署到网站和移动站点 deploying-video-to-your-websites-and-mobile-sites
网站、移动网站和桌面应用程序可使用URL字符串或嵌入代码访问Adobe Dynamic Media Classic服务器内容,包括视频。 Adobe Dynamic Media Classic在发布过程中激活这些URL字符串。 要将视频的URL字符串或嵌入代码置于网页、移动设备页面和桌面应用程序中,请从Adobe Dynamic Media Classic复制此项。
发布视频 publishing-video
发布视频可让Adobe Dynamic Media Classic服务器向您的网站、移动网站或应用程序交付视频。
可以使用两种不同的方法发布视频:
-
上传时自动即时发布视频 — 作为视频上传过程的一部分,Adobe Dynamic Media Classic可以在视频上传和编码后自动发布视频。 立即发布功能意味着,无需事后单独发布视频。
-
上传后手动发布视频 — 如果不希望立即发布视频,您可以随时手动发布视频。
发布视频后,Adobe Dynamic Media Classic会激活HTML页面或应用程序代码的URL字符串。
要发布视频,请执行以下操作:
-
执行以下任一操作:
- 要在上传时自动立即发布视频,请在“上传”页面中,选择 上传后发布. 您已完成相应的操作,不需要执行其他步骤。
- 要在上传后手动发布视频,请在浏览面板中选择视频,然后在全局导航栏上选择 Publish.
将视频URL链接到移动网站或网站 linking-a-video-url-to-a-mobile-site-or-a-website
发布视频时,您可以获取其关联的URL,以在网站、移动网站或桌面应用程序中使用。 如果要在网页顶部的弹出或模式窗口中显示视频,请使用视频 URL。
当客户选择链路时,将自动检测其设备、带宽和屏幕大小。 在桌面的预定义查看器中会显示适当的视频进行播放,智能手机和平板电脑在移动设备的本地视频播放器中播放。
另请参阅 在网页上嵌入视频查看器.
要将视频URL链接到移动网站或网站,请执行以下操作:
-
在“资产浏览”面板的 显示 下拉列表,选择 视频,或 自适应视频集.
-
在左侧的“资源库”面板中,导航到包含要链接到的视频或自适应视频集的资源文件夹。
-
在“资源浏览”面板上方的工具栏右侧,执行以下任一操作:
-
选择 网格视图 或 列表视图. 在“资源浏览”面板中,双击单个资源的视频缩略图,以便在详细信息视图中将其打开。在右侧的“URL和嵌入代码”面板中的HTTP流下,选择 复制URL 位于所需查看器的右侧。 作为最佳实践,请复制与
Universal_HTML5_Video
查看者。 -
选择 网格视图. 在资源浏览面板中,选择单个资源,然后转到缩略图图像下方 预览 > 查看器列表.
在“查看器列表”页的表的“操作”列下,选择 复制URL. 作为最佳实践,请复制与
Universal_HTML5_Video
查看者。 -
选择 列表视图. 在资源浏览面板中,选择单个资源,然后转到缩略图图像右侧,即为 预览 > 查看器列表.
在“查看器列表”页的表的“操作”列下,选择 复制URL. 作为最佳实践,请复制与
Universal_HTML5_Video
查看者。 -
选择 网格视图, 列表视图,或 详细信息视图. 在同一工具栏上,转到 预览 > 查看器列表.
在“查看器列表”页的表的“操作”列下,选择 复制URL. 作为最佳实践,请复制与
Universal_HTML5_Video
查看者。
-
-
将 HTML5 视频 URL 链接粘贴到您的网站和移动站点中。
在网页上嵌入视频查看器 embedding-the-video-viewer-on-a-web-page
如果要播放网页中嵌入的视频,请使用嵌入代码功能。可以将嵌入代码复制到剪贴板中,以便将其粘贴到网页中。在“嵌入代码”对话框中不允许编辑代码。
另请参阅 将视频URL链接到移动网站或网站.
要在网页上嵌入视频查看器,请执行以下操作:
-
在资产浏览面板的显示下拉列表中,选择 视频,或 自适应视频集.
-
在左侧的“资源库”面板中,导航到包含要复制其嵌入代码的视频或自适应视频集的资源文件夹。
-
在“资源浏览”面板上方的工具栏右侧,执行以下任一操作:
-
选择 网格视图 或 列表视图. 在“资源浏览”面板中,双击单个资源的视频缩略图,以便在详细信息视图中将其打开。在右侧的“URL和嵌入代码”面板中的HTTP流下,选择 嵌入代码 位于所需查看器的右侧。 作为最佳实践,请选择 嵌入代码 与
Universal_HTML5_Video
查看者。 -
选择 网格视图. 在“资源浏览”面板中,选择单个资源,然后选择视频缩略图图像下方 预览 > 查看器列表.
在“查看器列表”页的表的“操作”列下,选择 嵌入代码. 作为最佳实践,请选择 嵌入代码 与
Universal_HTML5_Video
查看者。 -
选择 列表视图. 在资源浏览面板中,选择单个资源,然后转到缩略图图像右侧,即为 预览 > 查看器列表.
在“查看器列表”页的表的“操作”列下,选择 嵌入代码. 作为最佳实践,请选择 嵌入代码 与
Universal_HTML5_Video
查看者。 -
选择 网格视图, 列表视图,或 详细信息视图. 在同一工具栏上,转到 预览 > 查看器列表.
在“查看器列表”页的表的“操作”列下,选择 嵌入代码. 作为最佳实践,请选择 嵌入代码 与
Universal_HTML5_Video
查看者。
-
-
在嵌入代码对话框中,选择 复制到剪贴板.
在“嵌入代码”对话框中不允许编辑代码。
-
选择 关闭.
-
在网页中粘贴嵌入代码。
实施嵌入代码以便将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>
-
替换
"S7 video thumbnail URL"
使用视频的缩略图URL,即用户在播放视频之前看到的视频缩略图。请参阅 获取视频缩略图URL.
-
替换
"S7 OGG video asset URL (no player)"
使用视频的渐进式URL查找OGG视频。请参阅 将视频URL链接到移动网站或网站.
-
替换
"S7 MP4 mobile progressive video asset URL (no player)"
与视频的移动渐进式URL配合使用。请参阅 将视频URL链接到移动网站或网站.
使用第三方视频播放器部署视频 deploying-video-using-a-third-party-video-player
如果您使用第三方视频播放器或自定义视频播放器,而不是Dynamic Media Classic视频查看器,则会获得适用于HLS多比特率视频流或渐进式下载的直接视频URL。
要使用第三方视频播放器部署视频,请执行以下操作:
- 在Adobe Dynamic Media Classic的全局导航栏上,转到 设置 > 应用程序设置 > 常规设置.
- 根据要使用的 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 的后面来修改视频缩略图。