Microsoft Expression Web - Video

In questo capitolo impareremo come aggiungere video al sito Web e quali formati sono supportati in Expression Web. Con l'aiuto dei video, puoi facilmente attirare l'attenzione dei potenziali clienti sui prodotti o servizi della tua azienda.

Microsoft Expression Web è uno strumento di progettazione Web che semplifica il processo di aggiunta di video promozionali, di marketing o di formazione alle pagine Web. Puoi inserire facilmente i tuoi video nella visualizzazione Progettazione di Microsoft Expression.

Per impostazione predefinita, Expression Web supporta formati di codifica video come Silverlight, Adobe Flash, WMV, ASF, MWA, AVI, WVX e MPEG.

Esempio

Facciamo ora un esempio per comprendere il processo di aggiunta di un video in modo graduale.

Step 1 - Aggiungi un nuovo file HTML e chiamalo videodemo.html.

Step 2- Fare clic con il mouse nella posizione all'interno della pagina Web in cui deve essere inserito il video. Supponiamo di voler aggiungere un video sotto l'intestazione.

Step 3 - Vai al Insert menu → Mediache aprirà il sottomenu contenente l'elenco dei formati di lettore video supportati di default da Expressions. SelezioniamoWindows Media Player.

Step 4- Individua il video che desideri utilizzare. Seleziona il nome del file video e fai clic sul pulsante Inserisci per inserirlo nella pagina web. Salva il file premendo Ctrl + S e vedrai la finestra di dialogo Salva file incorporati.

Step 5 - Fare clic su OK e vedrai che il file multimediale viene aggiunto alla cartella del sito web.

Di seguito è riportato il codice in 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- Vediamo ora in anteprima la pagina web in un browser. Vedrai che il video è in riproduzione.