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

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

重要:  本文是由机器翻译的,请参阅免责声明。请在 此处 中查找本文的英文版本以便参考。

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

警告: 如果上载音频文件中的。WAV 格式,您可能会看到一条消息,对于大多数浏览器不正确。邮件状态,"媒体播放器 Web 部件中使用以下格式的文件不能播放"。这是除 Chrome 所有受支持的浏览器不正确。忽略该消息,并继续上载文件。

重要: 您必须具有编辑页面的权限才能按照下面的过程操作。

将视频插入到经典 SharePoint Online,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 Online 经典,您可以向您的页面添加Office 365 视频或Microsoft Stream 。请参阅从 Office 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 部件

您可以使用媒体 Web 部件页上播放音频或视频剪辑。有关特定视频和音频格式支持的媒体 Web 部件的信息,请参阅支持的媒体格式和 silverlight 协议

您必须具有编辑页面的权限才能按照下面的过程操作。

  1. 转到您想要更新的页面。

  2. 在功能区的页面选项卡上,单击编辑

  3. 执行下列操作之一:

    • 如果您正在编辑 wiki 网页或发布页面,请单击可编辑位置在页面上的要添加媒体 Web 部件、 功能区上,在编辑工具下单击插入选项卡,然后单击视频和音频

    • 如果您正在编辑 Web 部件页,单击列中的添加 Web 部件或区域您要嵌入媒体的位置。在类别下单击媒体和内容。在Web 部件,下单击媒体 Web 部件中,,然后单击添加

  4. 媒体 Web 部件显示在页面上,单击单击此处以配置状态的文本。
    新插入的媒体 Web 部件

  5. 单击功能区上的媒体选项选项卡。

  6. 若要配置媒体 Web 部件以显示特定的音频或视频文件,指向更改媒体,,然后选择下列选项之一:

    • 若要上载的文件从您的计算机,单击从计算机,浏览到的位置的文件,然后单击确定

    • 若要嵌入的已保存到 SharePoint 网站的视频,单击从 SharePoint,然后,然后浏览到您的网站,例如资产库,视频和音频文件的保存位置上的位置。选择所需的文件,然后单击确定

    • 若要嵌入来自视频共享网站的视频,单击从地址,然后键入所需的文件的 URL,然后单击确定

      媒体 Web 部件支持播放来自直接指向视频文件的 URL 地址的文件。 例如: http://contoso.com/VideoFile.wmv。 如果您使用的嵌入代码,或者共享托管视频的页面的链接,他们将不起作用。有关信息嵌入视频使用嵌入代码,请参阅嵌入使用的页面上的视频嵌入代码

  7. 当选择了所需的文件时,单击确定

  8. 预览组中,指向更改图像,,然后选择您想要显示作为音频或视频文件的预览图像文件。如果不更新预览图像,将显示的文件类型的默认图像。

  9. 属性组中,指定要显示 Web 部件的标题。您还可以指定是否希望自动播放加载页面时,该文件,或应循环播放直到停止。

  10. 在功能区上的播放器样式组中,指向样式,然后选择您喜欢的播放器样式。

  11. 在功能区上的大小组中,您可以选择指定希望对播放器的水平和垂直大小进行任何的更改。

内容查询 Web 部件可用于向页面添加视频或音频文件的动态显示。这非常有用,如果您想要添加到页面的分区功能"顶级"视频或特定的元数据标记的所有视频。

内容查询 Web 部件示例

将内容查询 Web 部件添加到页面时,您可以将其配置为所有内容项目网站上对符合特定条件的查询。然后,它将该查询的结果显示在页面上。如果新内容添加到网站,并且它符合条件的查询,它也会显示在 Web 部件。 内容查询 Web 部件可以跨网站集返回内容从单个列表或库中,或多个列表和库。

您必须具有编辑页面的权限才能按照下面的过程操作。

此过程假定您希望显示视频,但它也适用的音频或图像文件。

  1. 转到您想要更新的页面。

  2. 在功能区的页面选项卡上,单击编辑。请执行下列操作之一:

    • 如果您正在编辑 wiki 网页或发布页面,请单击您要在其中添加内容查询 Web 部件页的一个可编辑区域。单击编辑工具功能区上的插入选项卡,然后单击Web 部件。在类别下单击内容汇总。在Web 部件,下单击内容查询,然后单击添加

    • 如果您正在编辑 Web 部件页,单击列中的添加 Web 部件,或您您要在其中添加内容查询 Web 部件区域。在类别下单击内容汇总。在Web 部件,下单击内容查询,然后单击添加

  3. 在内容查询 Web 部件中,单击箭头,,然后单击编辑 Web 部件

  4. 单击打开工具窗格链接。

  5. 在内容查询工具窗格中,单击以展开查询

  6. 下指定您想要显示的项目的位置。如有必要,浏览到特定网站、 子网站或列表的位置。

  7. 如果范围到网站,您的查询在列表类型下指定要显示的项目的列表的类型。如果您在步骤 6 中选择特定列表或库,然后此字段将会自动为您填充。

  8. 内容类型,下在显示此内容类型的组的项目下选择数字资产内容类型

  9. 显示此内容类型的项目,下选择视频。如果您的组织已创建自定义的版本的数字资产内容类型,您可能还要选择包括子内容类型复选框。

  10. (可选) 在访问群体设定,则可以选择要应用筛选,它将显示特定项目,指向特定访问群体,具体取决于访问群体设定如何配置为您的网站的访问群体。

  11. 其他筛选器下您可以使用项元数据筛选显示的内容。例如,如果您想要显示使用特定关键字进行了标记的视频,选择与包含的任何运算符,企业关键字,然后键入所需的值。

  12. 如果您想要添加多个筛选器,单击并指定其他筛选器。

  13. 展开演示文稿,请在分组和排序样式字段以显示下所需的任何自定义。在样式下,很有用确保选中如果您希望网站访问者能够直接在浏览器中播放媒体剪辑播放媒体浏览器中的链接复选框。

    最初配置内容查询 Web 部件时,您可能不知道要如何配置下演示文稿的项目。它可能首先预览您的查询 Web 部件中,然后再次编辑以进行自定义的外观的信息很有帮助。

    例如,如果您不在演示文稿下设置中的任何定制,视频可能会显示较大预览图像,这可能不适用于页的设计。在这种情况下,您可能希望选择样式下的固定的图像大小|项样式为网站访问者提供他们可以单击以播放视频的较小的预览图像。下面的示例显示内容查询 Web 部件显示三个视频。它具有已配置为具有固定的图像大小。
    配置为具有固定图像大小的内容查询 Web 部件

  14. 单击“确定”。

  15. 将所做的更改保存到的页面。

有关内容查询 Web 部件的详细信息,请参阅显示通过添加内容查询 Web 部件页上的内容的动态视图

如果您想要使用来自视频共享网站的第三方的嵌入代码将视频添加到页面,您可以执行此操作通过将嵌入代码添加到内容编辑器 Web 部件。

您必须具有设计者权限才能按照此过程。

  1. 找到您要在页上,嵌入的视频,并复制嵌入代码。

  2. 转到您想要更新的页面。

  3. 在功能区的页面选项卡上,单击编辑。请执行下列操作之一:

    • 如果您正在编辑 wiki 网页,单击页面上的某个位置,您想要添加内容编辑器 Web 部件,请单击插入选项卡的编辑工具功能区,然后单击Web 部件。在类别下单击媒体和内容。在Web 部件,下单击内容编辑器,然后单击添加

    • 如果您正在编辑 Web 部件页,单击列中的添加 Web 部件或区域您要嵌入媒体的位置。在类别下单击媒体和内容。在Web 部件,下单击内容编辑器,然后单击添加

  4. 在内容编辑器 Web 部件中,指向箭头,,然后单击编辑 Web 部件

  5. 在内容编辑器 Web 部件中,键入您希望显示引入视频任何的文本。

  6. 编辑工具功能区上的标记组中,在设置文本格式选项卡上单击HTML,,然后单击编辑 HTML 源代码
    “编辑 HTML 源代码”命令

  7. 将嵌入代码粘贴到HTML 源代码对话框,然后单击确定
    具有视频嵌入代码的内容编辑器 Web 部件的 HTML 源文件编辑器

  8. 保存页面 (或保存和签入,如果站点上的页面需要签出)。

  9. 单击播放按钮上嵌入视频播放器播放视频。

使用可选文字添加图像

若要使所有用户可以访问的内容,请遵循以下准则。

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

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

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

  3. 若要添加图像,从插入选项卡上,打开图片组中,然后选择从计算机

    单击功能区上的图片按钮,然后从计算机、 地址或 SharePoint 选择。

    提示: 若要粘贴的图像 URL 从 Internet 插入图片,选择从地址。若要从SharePoint网站插入图像,请选择从 SharePoint

  4. 选择您的文件在SharePoint网站 (默认选项是网站资产文件夹) 中,选择一个目标文件夹,包括有关图像的不同版本的任何笔记。

  5. 若要插入图片并激活图片工具选项卡,选择确定

    图片工具选项卡允许您设置图像大小、 样式、 位置和可选文字。

    提示: 选择图像时,图片工具选项卡才可见。

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

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

辅助功能提示   

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

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

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

支持的视频格式

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

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

注意: 机器翻译免责声明:本文是由无人工介入的计算机系统翻译的。Microsoft 提供机器翻译是为了帮助非英语国家/地区用户方便阅读有关 Microsoft 产品、服务和技术的内容。由于机器翻译的原因,本文可能包含词汇、语法或文法方面的错误。

扩展你的技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

谢谢您的反馈!

谢谢你的反馈! 可能需要转接到 Office 支持专员。

×