将视频添加到Adobe Muse
Adobe Muse真正有趣的方面是它允许您使用与用于布局出版物的工作流程类似的工作流程来创建网页。您不需要深入了解构建网站或页面的代码，但熟悉HTML5，CSS和JavaScript不会受到影响。
虽然传统的网络视频通常是通过使用HTML5视频API添加的，但Adobe Muse通过它所谓的“小部件”来完成同样的事情。窗口小部件创建特定任务所需的HTML 5，但在Muse中使用简单语言界面在页面发布时编写代码。
在本练习中，我们将使用一个可以从Muse Resources免费下载的小部件。下载小部件时，您只需打开.zip文件并双击全屏视频文件夹中的.mulib文件即可。这将把它安装到您的Adobe Muse副本中。
如何在Adobe Muse CC中为背景视频准备页面
安装小部件后，您现在可以创建将使用该视频的页面。
在开始之前，请为Muse站点创建一个文件夹。在该文件夹内创建另一个文件夹 - 我使用“ 媒体 “ - 并将您的mp4和webm版本的视频移动到该文件夹中。
当你启动Muse select时 文件>新网站。当“布局”对话框打开时，选择 桌面 作为 初始布局 并改变 页面宽度 和 页面高度 价值观 1200 和 900。点击 好.
双击Plan视图中的Master Page打开Master页面。当母版页打开时，将页眉和页脚指南移动到页面的顶部和底部。这个例子你真的不需要页眉和页脚。
05年3月如何在Adobe Muse CC中使用全屏背景视频小部件
使用小部件很简单。您需要做的第一件事是通过选择返回计划视图 查看>计划模式。打开计划视图后双击 主页 打开它。
打开“库”面板 - 如果未在“接口”选择右侧打开 窗口>库 - 然后旋转着 MR全屏背景视频 夹。将窗口小部件拖动到该页面的文件夹。
你会注意到的 选项 要求您输入视频的mp4和webm版本的名称。输入与放置它们的文件夹中拼写完全相同的名称。确保你不犯错误的一个小技巧是复制mp4视频的名称并将其粘贴到 MP4 和 WEBM 的地区 选项菜单.
另一个技巧：所有这个小部件都是为你编写HTML 5代码。你可以看出来，因为你看到了 <> 在小部件中。在这种情况下，您可以将小部件从网页放置到粘贴板上，它仍然可以工作。这样，它不会干扰您将在页面上放置的任何内容。
05年4月如何在Adobe Muse CC中添加视频和测试页面
虽然您已添加了播放视频的代码，但Muse仍然不知道这些视频的位置。要解决此问题，请选择 文件>添加上传文件。当。。。的时候 上传对话框 打开导航到包含视频的文件夹，选择它们并单击 打开。为确保已上传，请打开 资产面板 你应该看到你的两个视频。只需将它们留在面板中即可。它们不需要放在页面上。
要测试项目选择 文件>在浏览器中预览页面 或者，因为这是一个单页， 文件>浏览器中的预览站点。您的默认浏览器将打开，视频 - 在我的情况下是热带暴雨 - 将开始播放。
此时，您可以将Muse文件视为常规网页，并将内容添加到主页，视频将在其下方播放。
05年05月05日如何在Adobe Muse CC中添加视频海报帧
这是我们在这里讨论的网络，根据连接速度，用户可能会在视频加载时打开页面并盯着空白屏幕。这不是一件好事。这是如何处理这种肮脏的。
这是一个“最佳实践”，包括视频的海报帧，视频加载时会出现。这通常是视频中帧的全尺寸屏幕截图。
要添加海报框，请单击一次 浏览器填充 在页面顶部。点击 图片链接 并导航到要使用的图像。在里面 配件 区域，选择 缩放到填充 然后单击 中心点 在里面 位置 区域。这将确保当浏览器的视口大小发生变化时，图像将始终从图像中心缩放。您还会看到图像填满页面。
另一个小技巧是至少有一个固体而不是白色填充颜色，以防海报框架需要一段时间才能出现。为此，请单击颜色芯片以打开Muse颜色选择器。选择吸管工具，然后单击图像中的主色。完成后，单击页面以关闭“浏览器填充”对话框。
此时，您可以保存项目或发布它。
本系列的最后一部分向您展示了如何编写将视频滑入网页背景的HTML5代码。
