Santiago Leguiza ya nos mostró platicó un poco sobre el control MediaPlayer. Algo interesante de este control es que nos permite mostrar videos en alta definición (HD) y de fuentes como YouTube.

Para lograr esto lo primero que necesitamos es la dirección del video (ojo, no de la página donde esta el video). YouTube guarda distintas versiones del mismo video, incluyendo algunas versiones en HD.

Para obtener una dirección de un video de YouTube podemos instalar el popular plugin para FireFox llamado GreaseMonkey, después descargamos el script para este plugin llamado YouTube HD Ultimate. Este script carga automáticamente la versión HD de un video cuando está disponible. Además nos muestra las ligas de las diferentes versiones del video.

Nosotros vamos a escoger la versión “hd mp4”, así que damos clic derecho y elegimos copiar e url destino. En este caso:

http://www.youtube.com/get_video?video_id=IClBpch9vmM&t=vjVQa1PpcFPq3EX07r_nTWsOLK6onBcN-RrZbXR6KuU%3D&fmt=22

Ahora bien, nos vamos a Expression Blend y colocamos un control MediaPlayer en nuestra applicación (Recuerden que tenemos que tener instalado Expression Encoder para que este control aparezca).

Después nos vamos al panel de propiedades y en la sección de Media creamos un nuevo Playlist.

Una vez, creado el Playlist damos clic en el botón de la colección de elementos (mostrado arriba). En la ventana de edición de elementos elegimos Agregar Otro Elemento y al elemento nuevo solo tenemos que definir su propiedad MediaSource con la dirección del video.

¡Listo! Solo nos queda presionar F5 para ejecutar nuestra aplicación y distrutar de nuestro video de YouTube HD desde Silverlight.

Pueden descargarse el proyecto aquí.