Microsoft Expression Web - Video

En este capítulo, aprenderemos cómo agregar videos al sitio web y qué formatos son compatibles con Expression Web. Con la ayuda de videos, puede atraer fácilmente la atención de clientes potenciales hacia los productos o servicios de su empresa.

Microsoft Expression Web es una herramienta de diseño web que simplifica el proceso de agregar videos promocionales, de marketing o de capacitación a las páginas web. Puede insertar fácilmente sus videos en la vista Diseño de Microsoft Expression.

De forma predeterminada, Expression Web admite formatos de codificación de video como Silverlight, Adobe Flash, WMV, ASF, MWA, AVI, WVX y MPEG.

Ejemplo

Tomemos ahora un ejemplo para comprender el proceso de agregar un video paso a paso.

Step 1 - Agrega un nuevo archivo HTML y llámalo videodemo.html.

Step 2- Haga clic con el mouse en la ubicación dentro de la página web donde se insertará el video. Digamos que queremos agregar un video debajo del título.

Step 3 - Ir al Insert menú → Mediaque abrirá el submenú que contiene la lista de formatos de reproductor de video que Expressions admite por defecto. Vamos a seleccionarWindows Media Player.

Step 4- Busque el video que desea utilizar. Seleccione el nombre del archivo de video y haga clic en el botón Insertar para insertarlo en la página web. Guarde el archivo presionando Ctrl + S y verá el cuadro de diálogo Guardar archivos incrustados.

Step 5 - Haga clic en Aceptar y verá que el archivo multimedia se agrega a la carpeta del sitio web.

A continuación se muestra el código en el videodemo.html page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns = "http://www.w3.org/1999/xhtml">  
   <head> 
      <meta content = "text/html; charset = utf-8" http-equiv = "Content-Type" /> 
      <title>Untitled 1</title> 
   </head>  
   
   <body> 
      <h1> Video Demo</h1> 
      <p> 
         <object id = "media1" height = "200" type = "video/x-ms-wmv" width = "200"> 
            <param name = "filename" value = "logo.wmv" /> 
         </object> 
      </p> 
   </body> 
</html>

Step 6- Permítanos ahora obtener una vista previa de la página web en un navegador. Verá que el video se está reproduciendo.