Insérer une vidéo Flash dans des pages Web à l'aide de Dreamweaver8
Auteur:Eve Cole
Date de mise à jour:2009-06-01 01:03:26
Ouvrez la page index.html dans la fenêtre "Document" de Dreamweaver, insérez un tableau à trois colonnes et cliquez une fois sur le graphique placé dans la colonne du milieu du tableau à trois colonnes.
Sélectionnez Insérer > Média > Vidéo Flash.
Dans la boîte de dialogue Insérer une vidéo Flash, sélectionnez Téléchargement progressif de la vidéo dans le menu contextuel Type de vidéo. à propos de…
À propos de la vidéo Flash Utilisez la commande Insérer une vidéo Flash dans Dreamweaver pour insérer du contenu vidéo Flash dans une page Web sans utiliser les outils de création Flash. Cette commande insère un composant Flash ; lorsque vous le visualisez dans un navigateur, elle affiche le contenu vidéo Flash que vous avez sélectionné ainsi qu'un ensemble de commandes de lecture.
La commande Insérer une vidéo Flash fournit les options suivantes pour envoyer du contenu vidéo aux visiteurs du site :
La vidéo à téléchargement progressif télécharge un fichier vidéo Flash (FLV) sur le disque dur du visiteur du site, puis le lit. Cependant, contrairement à la méthode traditionnelle de diffusion de vidéos « télécharger et lire », le téléchargement progressif permet aux fichiers vidéo de commencer à jouer avant la fin du téléchargement.
Streaming Video diffuse le contenu vidéo Flash et le lit immédiatement dans une page Web. Pour activer le streaming vidéo dans une page Web, vous devez avoir accès au Macromedia Flash Communication Server, qui est le seul serveur capable de diffuser du contenu vidéo Flash.
Dans la zone de texte URL, spécifiez le chemin relatif du fichier cafe_townsend_home.flv en cliquant sur Parcourir, en accédant au fichier cafe_townsend_home.flv (situé dans le dossier racine cafe_townsend du site) et en sélectionnant le fichier FLV.
Sélectionnez Halo Skin 2 dans le menu contextuel Apparence.
Un aperçu de l'apparence sélectionnée apparaît sous le menu contextuel Apparence. L'option Apparence spécifie l'apparence du composant Flash Video qui contiendra le contenu vidéo Flash.
Dans les zones de texte Largeur et Hauteur, procédez comme suit :
Dans la zone de texte Largeur, tapez 180.
Dans la zone de texte Hauteur, tapez 135 et appuyez sur Entrée.
indice
Cliquez sur "Détecter la taille" pour déterminer la largeur et la hauteur exactes de votre fichier FLV. Cependant, Dreamweaver ne peut parfois pas déterminer la taille du fichier FLV. Dans ce cas, les valeurs de largeur et de hauteur doivent être saisies manuellement.
Les valeurs des zones de texte Largeur et Hauteur spécifient la largeur et la hauteur du fichier FLV en pixels. Vous pouvez ajuster ces valeurs arbitrairement pour modifier la taille de la vidéo Flash sur la page Web. Lorsque vous augmentez la taille d'une vidéo, la qualité de l'image de la vidéo diminue généralement.
Avis
« Y compris les skins » correspond à la largeur et à la hauteur du fichier FLV ainsi qu'à la largeur et à la hauteur du skin sélectionné.
Les options restantes conservent leurs valeurs de sélection par défaut :
Contraindre le rapport hauteur/largeur maintient un rapport hauteur/largeur constant entre la largeur et la hauteur du composant vidéo Flash. Cette option est sélectionnée par défaut.
Lecture automatique spécifie s'il faut lire la vidéo lorsque la page Web est ouverte. Cette option est désélectionnée par défaut.
Lecture automatique spécifie si les commandes de lecture reviennent à la position de départ une fois la lecture de la vidéo terminée. Cette option est désélectionnée par défaut.
Cliquez sur OK pour fermer la boîte de dialogue et ajouter le contenu vidéo Flash à la page Web.
La commande Insérer une vidéo Flash génère un fichier SWF de lecteur vidéo et un fichier SWF d'habillage qui sont utilisés pour afficher le contenu vidéo Flash sur une page Web. (Vous devrez peut-être cliquer sur le bouton Actualiser dans le panneau Fichiers pour voir les nouveaux fichiers.) Ces fichiers sont stockés dans le même fichier HTML que celui dans lequel le contenu vidéo Flash (dans ce cas, le dossier racine cafe_townsend) a été ajouté dans le répertoire. . Lorsque vous téléchargez une page HTML contenant du contenu vidéo Flash, Dreamweaver télécharge ces fichiers en tant que fichiers associés (cliquez simplement sur Oui dans la boîte de dialogue « Voulez-vous télécharger des fichiers associés ? »).
Enregistrez cette page et testez l'effet.