将视频、音频或图像添加到经典页面
应用对象
SharePoint Server 2016 SharePoint Server 2013 企业版 Microsoft 365 中的 SharePoint SharePoint Foundation 2013 SharePoint Server 2010

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

警告: 如果在中上载音频文件。WAV 格式,您可能会看到一条消息,该消息对于大多数浏览器而言不正确。 消息显示 "媒体播放器 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 网站上的某个位置添加视频,请按照以下步骤操作。

  1. 单击 "从 SharePoint"。 这将打开资产选取器,你可以通过浏览找到所需的文件夹或库。

  2. 浏览到您的网站上的某个位置,例如,存储视频和音频文件的资源库

  3. 选择所需的文件,然后单击 "插入"。

若要从 web 上的其他位置添加视频,请按照以下步骤操作。

  1. 单击 "发件人地址"。

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

向页面添加视频或音频时,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. 完成后,在页面顶部单击“保存”以保存所有更改。

如果您使用的是 SharePoint 经典,则可以向页面添加 Office 365 视频 或 Microsoft Stream 。 请参阅嵌入来自 Microsoft 365 视频的视频使用流 web 部件

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

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

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

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

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

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

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

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

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

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

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

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

辅助功能提示   

  • 替换文字应简短而具描述性。

  • 优秀的替换文字可让听者了解图片重要的原因。

有关替换文字的详细信息(包括更多详细信息的示例和链接),请访问WebAIM Alternative Text(WebAIM 可选文字)页面。

支持的视频格式

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

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

注意: 虽然上述所有格式均受支持,但并非所有这些格式都可从盒中访问(例如 .wmv)。 请为最易于访问的解决方案使用.。

需要更多帮助?

需要更多选项?

了解订阅权益、浏览培训课程、了解如何保护设备等。