将视频、音频或图像添加到经典页面

应用对象
SharePoint Server 2016 SharePoint Server 2013 企业版 SharePoint Foundation 2013 SharePoint Server 2010

可以将媒体 ((如视频、音频或图像) )添加到经典 SharePoint 页面。 媒体文件可以来自您的计算机、SharePoint 或其他位置(例如文件共享)。 可以从视频共享网站(如 YouTube、Vimeo 或 Hulu)嵌入视频。

警告

如果在 中上传音频文件。WAV 格式,你可能会看到一条对于大多数浏览器来说不正确的消息。 消息指出,“Media Player Web 部件无法播放此格式的文件。 对于除 Chrome 之外的所有受支持的浏览器,这都不正确。 忽略该消息,并继续上传文件。

重要

必须有权编辑页面才能遵循此过程。

将视频插入经典 SharePoint、2016 或 2013 页面

  1. 转到要在其中添加媒体的页面。

  2. 选择“ 页面 ”选项卡。然后,在功能区上,单击“ 编辑”。

  3. 在页面上的可编辑区域内单击。

  4. 选择“ 插入 ”选项卡,然后在功能区上的“ 媒体 ”组中,单击“ 视频和音频”。
    编辑功能区中的“插入视频”或“音频”按钮

  5. 你将看到以下选项:

    • 从计算机
    • 嵌入
    • 从 SharePoint 中
    • 发件人地址

    有关如何使用这些选项之一插入媒体的信息,请单击以下链接之一。

从计算机上传文件

若要从计算机上传文件,请执行以下步骤。

  1. 单击“ 从计算机”。
  2. 浏览到所需文件的位置,选择该文件,然后单击“ 打开”。
  3. 指定要存储文件的目标库。
    建议将资产库指定为目标。 资产库专为媒体设计,自动包括图像预览和视频缩略图等功能。 这些功能使你能够更轻松地处理媒体文件。
    若要了解如何为媒体文件设置资产库,请参阅 设置资产库以存储图像、音频或视频文件
  4. 单击“确定”。

嵌入视频共享网站中的视频

若要嵌入视频共享网站(如 YouTube、Vimeo、Hulu)或类似网站的视频,请遵循以下基本步骤。

在视频网站上执行以下操作:

  1. 调出要使用的视频。
  2. 找到并单击视频的“ 共享 ”。
  3. 根据站点的不同,你可能必须单击 嵌入 链接,或者它可能就在那里。 单击嵌入代码并按 Ctrl+C 进行复制,或者右键单击并单击上下文菜单中的“ 复制 ”。

注意

出于安全原因,SharePoint 仅支持使用 <iframe> 标记嵌入代码。

在 SharePoint 网站上执行以下操作:

  1. 单击“嵌入”。

  2. 然后,将嵌入代码粘贴到对话框中。
    <从视频共享网站复制的视频的 iframe> 嵌入代码的屏幕截图。嵌入代码是虚构的。

    提示

    通常,可以轻松地从热门视频共享网站获取视频的嵌入代码。 只需查找 “嵌入”“共享 ”选项,然后按照屏幕上的说明显示嵌入代码即可。 出现嵌入代码时,复制它,然后粘贴代码,如上图所示。

  3. 单击“插入”。

从 SharePoint 网站添加视频

若要从 SharePoint 网站上的某个位置添加视频,请执行以下步骤。

  1. 单击“ 从 SharePoint”。 这会打开资产选取器,你可以浏览所需的文件夹或库。
  2. 浏览到网站上保存视频和音频文件的位置,例如 资产库
  3. 选择所需的文件,然后单击“ 插入”。

从其他位置添加视频

若要从 Web 上的其他位置添加视频,请执行以下步骤。

  1. 单击“ 从地址”。
  2. 键入要使用的文件的 URL,然后单击“ 确定”。 URL 必须直接指向视频文件。 例如: http://contoso.com/VideoFile.wmv

编辑媒体属性和媒体 Web 部件

向页面添加视频或音频时,SharePoint 会插入媒体 Web 部件。 添加媒体后,可以自定义 Web 部件。 例如,你可能想要更改其大小或位置、编辑标题或添加目录徽标。

向页面添加视频时,请务必为该内容添加字幕和音频说明。 字幕可让有听力障碍的用户了解视频内容,还可为观看视频的非母语用户提供协助。

如果要更改页面上的媒体 Web 部件,请执行以下步骤:

  1. 转到包含视频的页面。
  2. 选择“ 页面 ”选项卡,然后单击“ 编辑”。
  3. 当视频出现在页面上时,单击视频图像上的任意位置以打开“媒体”选项卡及其功能区。
    编辑功能区上的“媒体”选项卡
  4. 在功能区的 “预览” 组中,指向 “更改图像 ”,然后选择要显示为音频或视频文件的预览的图像文件。 如果不更新预览图像,将显示文件类型的默认图像。
  5. “属性” 组中,可以输入或更改显示的标题。 还可以指定是希望文件在加载页面时自动播放,还是应循环播放,直到停止。
  6. 在功能区上的 “播放器样式” 组中,指向 “样式 ”,然后选择你喜欢的玩家样式。
  7. 在功能区上的 “大小 ”组中,还可以选择指定要对玩家的水平和垂直大小所做的任何更改。
  8. 若要编辑媒体 Web 部件,请将鼠标悬停在媒体标题上,然后单击显示的箭头以打开媒体 Web 部件菜单。
    用于选择“编辑 Web 部件”的“Web 部件”菜单
  9. 选择 “编辑 Web 部件 ”以打开屏幕一侧的编辑窗口。
  10. 在 Web 部件编辑面板中,选择要更改的属性。 完成更改后,单击“ 应用”。
    媒体 Web 部件编辑面板的屏幕截图,显示您可以配置的一些属性
  11. 单击“ 确定” 关闭编辑窗口并返回到页面。
  12. 完成对页面的更改后,选择“ 页面 ”选项卡,然后单击“ 保存”。 如果页面已签出给你,你会看到一条警告消息以及一个链接,以便你可以检查它。

使用脚本在页面中嵌入音频文件

下面介绍如何将更小、更细的控件栏放入网页中。 此控件条最适合音频文件(如播客),完整媒体 Web 部件对其来说过大。

  1. 将音频文件和转述文件上传到“网站资产”文件夹。

    1. 若要打开“设置”菜单,请在右上角选择“设置”。
    2. 选择“网站内容”链接。
    3. 转到“网站资产”文件夹。
    4. 将音频和脚本文件拖动到 文件夹中。
    5. 获取文件的 URL。 若要打开文件操作菜单,请选择文件名旁的省略号。 将链接从操作菜单复制并粘贴到另一个文件。 稍后,音频嵌入代码中将需要此链接。
  2. 若要打开“编辑”功能区并进入“编辑”模式,请在你想要显示视频的页面上选择“编辑”链接。

  3. 将焦点置于要显示视频的位置。

  4. 若要打开“嵌入”对话框,请从“插入”选项卡打开“视频和音频”组,然后选择“嵌入”。

    SharePoint Online 中的“嵌入”对话框的屏幕截图,用于粘贴脚本或嵌入视频或音频文件的代码,然后插入代码。

  5. 将嵌入代码粘贴到字段中,将音频文件的 URL 置于“src=”后、引号之间一并粘贴。
    <audio src="your-audio-file-URL-here.mp3"controls="controls"></audio>
    此代码将在页面上放置媒体控件条。 用户可使用该控件条开始和停止播放。

    提示

    如果嵌入代码的格式不正确或指向不存在的文件位置,“插入”按钮将不处于活动状态。

  6. 完成后,选择“ 插入 ”,将音频控件放在页面上。 嵌入音频控件外观如下所示:

    SharePoint Online 的屏幕截图,其中代码段音频控件栏显示音频文件的时间总长度,并提供开始和停止播放该文件的控件。

  7. 将焦点置于音频控件代码段的末尾并转到下一行,按 Enter

  8. 将链接插入音频转述文件。

    1. 若要打开“选择资产”对话框,请从“插入”选项卡选择“链接”然后选择“从 SharePoint”。

    2. 选择音频转述文件,然后按“插入”。 这将插入超链接,并将文件名作为链接的文本。

    3. 将焦点置于该链接中文件名的最后一个字符之前。 缓慢退格,删除文件名中第一个和最后一个字符以外的所有字符。

      提示

      这将使链接保持不变,并将光标准确保持在所需位置,以便你更改链接的文本。

    4. 为链接键入所需文本。 例如,对于音频转述,可键入“查看音频转述”。

    5. 删除文件名中的其余字符。

  9. 完成后,在页面顶部单击“保存”以保存所有更改。

Microsoft 365 视频或Microsoft Stream视频

如果使用的是 SharePoint 经典版,可以将Office 365视频或Microsoft Stream添加到页面。 请参阅嵌入 Microsoft 365 Video 中的视频或使用Stream Web 部件

添加图片和替换文字

使用照片、图像、剪贴画或音频时,你有责任尊重 版权

  1. 若要打开“编辑”功能区并进入“编辑”模式,请在要编辑的页面上选择“编辑”链接。

  2. 将焦点置于要显示图片的位置。

  3. 若要打开“上传图像”对话框,请从“插入”选项卡打开“图片”组,然后选择“从计算机”。

    SharePoint Online 功能区的屏幕截图。选择“插入”选项卡,然后选择“图片”以选择是否要从你的计算机、Web 地址或 SharePoint 位置上传图片。

    提示

    若要通过粘贴图像 URL 插入来自 Internet 的图片,请选择“从网络地址”。 若要插入 SharePoint 网站中的图像,请选择“ 从 SharePoint”。

  4. 选择文件,在 SharePoint 网站中选择目标文件夹, (默认选择是“ 网站资产” 文件夹) ,并包含有关不同映像版本的任何注释。

  5. 若要插入图片并激活“ 图像 ”选项卡,请选择“ 确定”。

    屏幕截图显示选中“图像”选项卡的 SharePoint Online 功能区部分,选中部分在“选择”、“属性”、“样式”、“排列”、“大小”和“间距”组中可用。

    提示

    仅当选择图片后才显示“图像”选项卡。

  6. 在“图像”选项卡上移至“替换文字”框,然后输入图像的可选文字。

  7. 完成后,单击“保存”。

辅助功能提示

  • 替换文字应简短而具描述性。
  • 优秀的替换文字可让听者了解图片重要的原因。

有关替换文字的详细信息(包括示例和指向详细信息的链接),请访问 WebAIM 可选文本 页。

支持的视频格式

媒体 Web 部件使用 HTML5 视频,并支持.asf、.avi、.mpg、.mp3、.mp4、.ogg、.ogv、.webm、.wma 和.wmv视频格式。

经典 Silverlight 媒体 Web 部件支持.asf、.mp3、.mp4、.wma和.wmv。

注意: 虽然支持上述所有格式,但并非所有格式都可以 ((例如.wmv) )进行访问。 请使用 .mp4 格式获取最易访问的解决方案。