Microsoft Expression Web - Vídeo
Neste capítulo, aprenderemos como adicionar vídeos ao site e quais formatos são suportados no Expression Web. Com a ajuda de vídeos, você pode facilmente atrair a atenção de clientes em potencial para os produtos ou serviços de sua empresa.
O Microsoft Expression Web é uma ferramenta de design da web que simplifica o processo de adição de vídeos promocionais, de marketing ou de treinamento a páginas da web. Você pode inserir facilmente seus vídeos na visualização Design do Microsoft Expression.
Por padrão, o Expression Web oferece suporte a formatos de codificação de vídeo como Silverlight, Adobe Flash, WMV, ASF, MWA, AVI, WVX e MPEG.
Exemplo
Vamos agora dar um exemplo para entender o processo de adicionar um vídeo passo a passo.
Step 1 - Adicione um novo arquivo HTML e chame-o videodemo.html.

Step 2- Clique com o mouse no local da página da web onde o vídeo será inserido. Digamos que queremos adicionar um vídeo abaixo do título.

Step 3 - Vá para o Insert menu → Mediaque abrirá o submenu que contém a lista de formatos de player de vídeo que o Expressions suporta por padrão. Vamos selecionarWindows Media Player.

Step 4- Localize o vídeo que deseja usar. Selecione o nome do arquivo de vídeo e clique no botão Inserir para inseri-lo na página da web. Salve o arquivo pressionando Ctrl + S e você verá a caixa de diálogo Salvar arquivos incorporados.

Step 5 - Clique em OK e você verá que o arquivo de mídia foi adicionado à pasta do site.

A seguir está o código no 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- Vamos agora visualizar a página da web em um navegador. Você verá que o vídeo está sendo reproduzido.
