摘要:阅读前，可以先参考 MediaElement 的一译文。实现该例子一定要安装 WPF/E和SDK。
1、新建一个WPF/E Javascript Application。
2、修改 plugin.xaml，增加 MediaElement 元素（红色粗体部分）
<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Loaded="javascript:root_Loaded"> <Canvas x:Name="button"> <Rectangle Stroke="#FF8E8E8E" StrokeThickness="2" RadiusX="2" RadiusY="2" Height="23" Width="75"> <Rectangle.Fill> <LinearGradientBrush StartPoint="0.5,2.109" EndPoint="0.5,-1.109"> <GradientStop x:Name="gradientStop1" Color="#FFFF9E00" Offset="1"/> <GradientStop x:Name="gradientStop2" Color="#FFEAEAEA" Offset="0.218"/> </LinearGradientBrush> </Rectangle.Fill> </Rectangle> <TextBlock Canvas.Top="3" Canvas.Left="13" FontSize="12" Foreground="#FF5A5A5A" Text="Click Me" /> </Canvas> <Canvas x:Name="video"> <MediaElement x:Name="mediaElement" Canvas.Top="0" Canvas.Left="0" Height="400" Width="400" /> </Canvas></Canvas>
3、增加一个新的.aspx页面，命名为WebForm1.aspx。把default.html里源html代码复制粘贴到WebForm1.aspx里（只保留第一行Page指令）。完成后WebForm1.aspx为：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WPFEJSApplication1.WebForm1" %>
<html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>Untitled Page</title> <script type="text/javascript" src="js/aghost.js"></script> <script type="text/javascript" src="js/eventhandlers.js"></script></head><body> <form> <div id="wpfeControl1Host" > <script type="text/javascript"> new agHost("wpfeControl1Host", // hostElementID (HTML element to put WPF/E control into) "wpfeControl1", // ID of the WPF/E ActiveX control we create "400", // Width "400", //......[
阅读全文]