演练：创建视频网站
上次修改时间： 2015年3月9日
适用范围： SharePoint Server 2010
本文内容
内容结构
自定义视频显示表单
隐藏数据表单 Web 部件
列可用性和隐藏数据表单 Web 部件
若要创建社交媒体共享网站和关联体验（如视频上载、缩略图提取）、针对视频显示和视频内容管理优化的主页以及聚合工具（如大型视频库的频道），则必须先为视频创建基本网站。创建基本视频网站的过程包含五个基本步骤：
设置支持视频内容类型的内容结构。
创建用于显示视频的自定义表单。
创建一个隐藏的 DataFormWebPart，并使用它来获取媒体参数。
创建媒体播放器。
使用 ECMAScript（JavaScript、JScript）对象模型访问 MediaWebPart 对象。
此外，可以向该基本网站添加功能以支持与视频内容关联的常见任务，包括对视频进行评级、添加注释、浏览相关视频、查看与当前视频相关的媒体属性等。
先决条件
完成此演练需要使用 Microsoft Visual Studio 2010 并掌握以下与 SharePoint 相关的技术：
Microsoft SharePoint Designer 2010
基本 HTML
基本 JavaScript 编程
Microsoft Silverlight 开发
基本 XML 和 XSL
内容结构
若要准备好创建视频网站，先使用 SharePoint Designer 2010 或 Microsoft SharePoint Server 2010 浏览器用户界面 (UI) 设置内容结构。内容结构定义网站级别和网站集级别可用的功能、必须启用的内容类型以及为支持视频内容所需添加的列。
使用发布门户网站模板设置网站集。
.gif "重要注释") 重要说明 |
|---|
在更新内容类型时，使用"网站内容类型库"进行更改。在"网站内容类型库"中进行更改有助于添加带一致内容类型的将来库。避免在单个内容库中更新内容类型。 |
设置两个"资产类型"库："视频"库和"缩略图"库。将视频内容类型包含在"视频"库中并删除所有其他内容类型。将图像内容类型包含在"缩略图"库中并删除所有其他内容类型。在一系列的演练中，"视频"库将存储视频文件，而"缩略图"库将存储上载到网站的缩略图。
| 重要说明 |
|---|
将视频添加到视频库以创建一个 <img> 标记，在稍后添加数据表单 Web 部件并配置列和筛选器时可单击此标记。 |
基本视频网站启用了标准视频功能，还支持与视频内容类型支持的媒体属性相关的设置。可以添加评级、企业关键字、书签、对频道页的支持以及视频内容类型的其他属性。从"网站栏库"中，将表 1 中列出的列添加到"视频"内容类型。
表 1. 要添加到网站栏库的网站栏
列名称 |
列类型和相关设置 |
|---|---|
书签 |
多行文本。类型==（"纯文本"；文档库中允许无限制长度=="是"） |
频道 |
查找（信息的获取来源："页面"库、"标题"列、"允许多个值"==否） |
表 2. 视频内容类型列
列名称 |
用途 |
|---|---|
评级 (0-5) |
适用于要对显示表单中的内容进行评级的用户 |
企业关键字 |
适用于显示表单中的相关视频 |
列名称 |
列类型和相关设置 |
用途 |
书签。此字段将包含显示较长视频中的书签所需的数据。 |
||
频道 |
查找（源："页面"库、"标题"列、"允许多个值"==否） |
频道页。此字段用于指示视频应在哪个频道出现。 |
自定义视频显示表单
视频共享网站的第一部分是一个用于显示视频的自定义网页。该网页上的大部分项（如"评级"和"书签"）都是在为视频内容类型创建栏时定义的属性。在即将开始的步骤中将添加媒体播放器。该网页包含以下元素：
媒体播放器
评级
书签
相关视频
媒体属性
媒体播放器文本
注释
在 SharePoint Designer 中创建新的显示表单
启动 SharePoint Designer 2010，然后打开 SharePoint 网站。
在左侧导航窗格中，单击"列表和库"，然后选择"视频"库。
在"表单"部分，单击"新建"。
在"新建列表表单"对话框中，指定"表单类型"以及是否选中"设置为所选类型的默认表单"：
表单类型：显示项目表单
设置为所选类型的默认表单=是
内容类型：视频
在"表单"部分，右键单击新创建的表单，然后选择"在高级模式下编辑文件"。
此时存在一个可自定义的新"显示项目表单"。此表单是在用户单击视频的"查看属性"命令时出现的默认表单。
隐藏数据表单 Web 部件
创建一个隐藏 DataFormWebPart，并使用它获取媒体参数。"显示项目表单"中包含的多数功能（如媒体播放器和书签）都由 JavaScript 提供。JavaScript 对象模型将使用存储在要显示的视频栏中的输入参数值。若要自定义"显示项目表单"，首先要将 DataFormWebPart 添加到页。一旦隐藏"数据表单 Web 部件"，该部件就将包含启用必需的 JavaScript 功能所需的所有数据。
表 3. DataFormWebPart 参数
列 |
用途 |
数据表单 Web 部件中的 XSL 名称 |
建议的定位名 |
|---|---|---|---|
标题 |
MediaPlayer |
@Title |
TitleFieldValue |
URL 路径 |
MediaPlayer |
@FileRef |
UrlFieldValue |
PreviewImageUrl |
MediaPlayer |
@AlternateThumbnailUrl |
PreviewsImageUrlFieldValue |
书签 |
书签 |
@Bookmarks |
BookmarksFieldValue |
企业关键字 |
RelatedVideos |
@TaxKeyword |
KeywordsFieldValue |
添加数据表单 Web 部件并配置列和筛选器
选择"在插入功能区中显示项目表单"，然后从下拉菜单选择"视频"库。
在"数据视图工具 - 选项"上下文功能区上单击"添加/删除列"，然后将表 3 中列出的字段添加到"显示列"组。
右键单击当前为"PreviewImageUrl"列显示的 <img> 标记，并使用"项目格式设置为"命令将格式更改为文本。
右键单击为"URL 路径"列显示的超链接，然后将"项目格式设置为"命令更改为文本。
在"选项"上下文功能区中，单击"参数"按钮，然后在"数据视图参数"部分中将一个称作"ID"的"新建参数"与以下参数一起添加：
参数源：查询字符串
查询字符串变量：ID
默认值：1
在"选项"上下文功能区中，单击"筛选"，然后添加筛选条件：<Field Name:ID>Equals[ID]。
最后两个步骤将确保 DataFormWebPart 始终显示用户当前查看的项目的元数据值。
列可用性和隐藏数据表单 Web 部件
默认情况下，JavaScript 无法对 DataFormWebPart 对象中的值进行寻址。必须将 DataFormWebPart 中显示的每个值设置为可由 JavaScript 进行寻址。设置这些值时应遵循常规模式。若要执行此步骤，必须能查看每个页的 HTML。因此，在开始之前请切换到 SharePoint Designer 2010 中的"拆分"视图。
在使 DataFormWebPart 可由 JavaScript 进行寻址后，隐藏该 Web 部件，使其在查看"显示项目表单"页时不会显示在此页上。在将定位标记与每个参数的已知名称置于一起后，可使用单个 JavaScript 代码行访问任意值。
通过使用 ECMAScript 使列可用
启动 SharePoint Designer 2010，然后切换到"拆分"视图以查看每个页的 HTML。
查看"数据表单 Web 部件"。
在代码视图中，查找用于生成正确值的 <xsl:value-of> 语句。
.gif "提示")
提示例如，"标题"域代码为 <xsl:value-of select="@Title"/>。
将 <xsl:value-of> 语句包含在 <a> 元素中，并指定 <a> 元素的 name 属性（以下代码包含一个示例值）：<a name="TitleFieldValue"> <xsl:value-of select="@Title" /></a>。
隐藏数据表单 Web 部件
在"显示项目表单"页的 HTML 中查找 <WebPartPages:DataFormWebPart> 元素。
使用带 style="display:none;" 属性的"<div>"元素围绕该元素。
使用以下 JavaScript 行访问任意 DataFormWebPart 对象值：(document.getElementsByName(‘Title’))[0].innerText;
备注
使用表 3 中列出的"建议的定位名"而不是代码段中的"标题"。
总而言之，在此主题中，您执行了以下操作：将 SharePoint Server 2010 配置为已启用评级的发布网站，创建了两个资产类型库（用于存储视频文件与缩略图文件），指定了视频内容类型并定义了对其可用的媒体属性，创建了用于显示媒体参数和媒体播放器的"显示项目表单"，添加了使用存储在要显示的视频列中的输入参数值的 DataFormWebPart 对象，使 DataFormWebPart 对象的值对 JavaScript 对象模型可访问，以及隐藏 DataFormWebPart 对象，使其对查看"显示项目表单"（充当视频网站的基本显示）的用户不可见。
在下一个演练中，了解如何将 MediaWebPart 对象添加到用于显示视频的"显示项目表单"，如何在表单中显示媒体属性，以及如何使用数据填充视频内容类型的其他媒体参数（如评级、相关视频和注释）。