Microsoft Expression Web - Vidéo
Dans ce chapitre, nous apprendrons comment ajouter des vidéos au site Web et quels formats sont pris en charge dans Expression Web. À l'aide de vidéos, vous pouvez facilement attirer l'attention de clients potentiels sur les produits ou services de votre entreprise.
Microsoft Expression Web est un outil de conception Web qui simplifie le processus d'ajout de vidéos promotionnelles, marketing ou de formation aux pages Web. Vous pouvez facilement insérer vos vidéos dans la vue Conception de Microsoft Expression.
Par défaut, Expression Web prend en charge les formats d'encodage vidéo tels que Silverlight, Adobe Flash, WMV, ASF, MWA, AVI, WVX et MPEG.
Exemple
Prenons maintenant un exemple pour comprendre le processus d'ajout d'une vidéo étape par étape.
Step 1 - Ajoutez un nouveau fichier HTML et appelez-le videodemo.html.
Step 2- Cliquez avec la souris à l'emplacement de la page Web où la vidéo doit être insérée. Disons que nous voulons ajouter une vidéo sous le titre.
Step 3 - Allez au Insert menu → Mediaqui ouvrira le sous-menu contenant la liste des formats de lecteur vidéo pris en charge par Expressions par défaut. SélectionnonsWindows Media Player.
Step 4- Localisez la vidéo que vous souhaitez utiliser. Sélectionnez le nom du fichier vidéo et cliquez sur le bouton Insérer pour l'insérer dans la page Web. Enregistrez le fichier en appuyant sur Ctrl + S et vous verrez la boîte de dialogue Enregistrer les fichiers incorporés.
Step 5 - Cliquez sur OK et vous verrez que le fichier multimédia est ajouté au dossier du site Web.
Voici le code dans le 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- Voyons maintenant un aperçu de la page Web dans un navigateur. Vous verrez que la vidéo est en cours de lecture.
