Silverlight开始在整个网站积累更深入的体验

核心提示： MediaElement 标记用于定义视频，它的名称是 mPlayer，Silverlight开始在整个网站积累更深入的体验(9)，其像素设为 640×400，“Source”标记指向一个微软网站提供下载的 WMV 视频，使其加载 JavaScript

MediaElement 标记用于定义视频。它的名称是 mPlayer，其像素设为 640×400。“Source”标记指向一个微软网站提供下载的 WMV 视频。

接下来是三个 TextBlock 元素，用于定义“Play”（播放）、“Stop”（停止）和“Pause”（暂停）按钮。这些按钮垂直排列在画布左上方。注意 Canvas.Left 尚未设置，默认为 0。这些 TextBlock 元素定义了单击 (MouseLeftButtonDown) 时引发的 JavaScript 事件处理程序。在它们上面按下鼠标按钮时，Silverlight 将事件传送至浏览器，由 JavaScript 捕获和处理。

现在让我们组合成一个应用程序：它使用此 XAML，并使用 Visual Web Developer Express 实现 JavaScript 事件处理程序。要使它工作，需要一个 silverlight.js 文件，该文件可以从 Silverlight SDK 下载中得到，也可以在 MSDN 示例下载网站的任意 Silverlight 示例中得到。

使用 Visual Web Developer Express，创建新的 Web 站点。在该站点中创建名为 js 的文件夹，在其中添加 silverlight.js 文件。右键单击 js 文件夹并选择“Add New Item”（添加新项）。在新建文件对话框中选择 JScript 文件，并将其称为 eventhandlers.js。

然后，右键单击 Solution Explorer 中的项目，单击“Add New Item”（添加新项），创建一个新的 XML 文件，名为 videoplayer.xaml。用图 5 列出的 XAML 填充。

最后，在项目中添加一个新的 HTML 页面，命名为 Default.htm。编辑 HTML 页面，使其加载 JavaScript 库，并用它们创建一个 Silverlight 播放器实例以呈现 XAML 内容。图 6 显示了 Default.htm 的完整源代码。

Figure6Default.htm 加载媒体播放器