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.

↰ Previous page Next page ↱