将视频部署到网站和移动站点 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服务器向您的网站、移动网站或应用程序交付视频。
可以使用两种不同的方法发布视频:
-
Publish视频在上传时自动立即发布:作为视频上传过程的一部分,Adobe Dynamic Media Classic可以在视频上传和编码时自动发布视频。 这种即时发布功能意味着在事后无需单独发布视频。
-
上传后手动Publish视频:如果不希望立即发布视频,可以随时手动发布视频。
发布视频后,Adobe Dynamic Media Classic会激活HTML页面或应用程序代码的URL字符串。
要发布视频:
-
执行以下任一操作:
- 若要在上传时自动立即发布视频,请在“上传”页面中,选择“上传后 Publish”。 您已完成相应的操作,不需要执行其他步骤。
- 要在上传后手动发布视频,请在“浏览”面板中选择视频,然后在“全局导航”栏上选择 Publish。
将视频URL链接到移动网站或网站 linking-a-video-url-to-a-mobile-site-or-a-website
发布视频时,您可以获取其关联的URL,以在网站、移动网站或桌面应用程序中使用。 当您想要在网页顶部的弹出窗口或模式窗口中显示视频时,请使用视频URL。
当客户选择链路时,将自动检测其设备、带宽和屏幕大小。 在桌面的预定义查看器中会显示适当的视频进行播放,智能手机和平板电脑在移动设备的本地视频播放器中播放。
另请参阅在网页上嵌入视频查看器。
要将视频URL链接到移动网站或网站:
-
在“资产浏览”面板的 显示 下拉列表中,选择 视频 或 自适应视频集。
-
在左侧的“资源库”面板中,导航到包含要链接到的视频或自适应视频集的资源文件夹。
-
在“资源浏览”面板上方的工具栏右侧,执行以下任一操作:
-
选择 网格视图 或 列表视图。 在“资源浏览”面板中,双击单个资源的视频缩略图,以便在详细信息视图中将其打开。在右侧的“URL和嵌入代码”面板的“HTTP流”下,选择所需查看器右侧的 复制URL。 最佳做法是复制与
Universal_HTML5_Video
查看器关联的URL。 -
选择 网格视图。 在“资源浏览”面板中,选择单个资源,然后在缩略图图像下面转到 预览 > 查看器列表。
在“查看器列表”页表的“操作”列下,选择 复制URL。 最佳做法是复制与
Universal_HTML5_Video
查看器关联的URL。 -
选择 列表视图。 在“资源浏览”面板中,选择单个资源,然后在缩略图图像的右侧,转到 预览 > 查看器列表。
在“查看器列表”页表的“操作”列下,选择 复制URL。 最佳做法是复制与
Universal_HTML5_Video
查看器关联的URL。 -
选择 网格视图、列表视图 或 详细信息视图。 在同一工具栏上,转到 预览 > 查看器列表。
在“查看器列表”页表的“操作”列下,选择 复制URL。 最佳做法是复制与
Universal_HTML5_Video
查看器关联的URL。
-
-
将 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
查看器关联的 嵌入代码。
-
-
在“嵌入代码”对话框中,选择 复制到剪贴板。
在“嵌入代码”对话框中不允许编辑代码。
-
选择 关闭。
-
将嵌入代码粘贴到网页中。
实施嵌入代码以便在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>
-
将
"S7 video thumbnail URL"
替换为视频的缩略图URL,该缩略图是用户在播放视频之前看到的视频缩略图。请参阅获取视频缩略图URL。
-
将
"S7 OGG video asset URL (no player)"
替换为OGG视频的渐进式URL。请参阅将视频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,请执行发布操作。
观看Publish视频。
发布后,您可以在“URL 和嵌入代码”面板的“详细信息视图”中获取视频缩略图 URL。选择 复制视频缩略图右侧的URL,以便复制其关联的URL。
在视频查看器中修改海报帧 modifying-poster-frames-in-video-viewers
海报帧 是在开始播放视频之前在视频查看器中显示的初始帧。Adobe Dynamic Media Classic使用视频缩略图作为海报帧。
您可以将图像修饰符应用于海报帧。例如,您可以裁切海报帧或使其变得透明。要修改海报帧,请打开视频查看器配置屏幕,并在“海报图像修饰符”部分中输入修饰符。
请参阅添加或编辑视频查看器预设。
请参阅图像服务指南。
还可以通过将修饰符附加到视频缩略图 URL 的后面来修改视频缩略图。