Article Dreamweaver : Intégration d'une vidéo avec Dreamweaver
Comment intégrer une vidéo dans une page Web en utilisant Dreamweaver ?
C'est ce que nous allons voir dans cet article sur le format Flash Video (.flv).
1. Le format Flash Video (.flv)
Pour intégrer une vidéo dans une page web à l'aide de Dreamweaver la séquence doit être au format .flv (Flash Video).
Cela permettra d'intégrer votre vidéo dans votre page web par le biais d'une animation Flash.
L'intérêt réside dans l'importance du déploiement du lecteur Flash et dans la possibilité d'ajouter des options de lecture (play, stop, ...) à votre vidéo.
De plus l'outil qu'est Dreamweaver permet de réaliser toutes ces opérations très facilement
Nous allons donc commencer par convertir notre vidéo (si votre vidéo est déjà au format .flv vous pouvez immédiatement passer au chapitre 3 "Intégrer votre vidéo avec Dreamweaver").
Voici les grandes étapes de cet article :
Cela permettra d'intégrer votre vidéo dans votre page web par le biais d'une animation Flash.
L'intérêt réside dans l'importance du déploiement du lecteur Flash et dans la possibilité d'ajouter des options de lecture (play, stop, ...) à votre vidéo.
De plus l'outil qu'est Dreamweaver permet de réaliser toutes ces opérations très facilement

Nous allons donc commencer par convertir notre vidéo (si votre vidéo est déjà au format .flv vous pouvez immédiatement passer au chapitre 3 "Intégrer votre vidéo avec Dreamweaver").
Voici les grandes étapes de cet article :
- Convertir une video au format Flash Video (.flv)
- Intégrer votre vidéo avec Dreamweaver
- Remarques et conclusions
2. Convertir une video au format Flash Video (.flv)
Pour convertir notre vidéo au format Flash Video nous avons le choix entre le "Macromedia Flash 8 Vidéo Encoder" founi avec Flash 8 ou d'autres logiciels comme le "Riva FLV Encoder" que vous pouvez télécharger gratuitement sur le site de "Riva Video Expérience".
Pour cet article j'utiliserai l'encodeur founit avec Flash 8 ("tous les programmes", "Macromedia").
Ouvrez le Flash Video Encoder et ajoutez-y votre séquence vidéo.
Ensuite sélectionnez votre vidéo et cliquez sur "Propriétés" afin de définir les paramètres d'encodage au format .flv (Cf. illustration)
Cliquez ensuite sur "Activer la file d'attente" et, le temps que votre vidéo soit encodée, visitez quelques pages de NetgerDesign
Pour cet article j'utiliserai l'encodeur founit avec Flash 8 ("tous les programmes", "Macromedia").
Ouvrez le Flash Video Encoder et ajoutez-y votre séquence vidéo.
Ensuite sélectionnez votre vidéo et cliquez sur "Propriétés" afin de définir les paramètres d'encodage au format .flv (Cf. illustration)
Cliquez ensuite sur "Activer la file d'attente" et, le temps que votre vidéo soit encodée, visitez quelques pages de NetgerDesign

3. Intégrer votre vidéo avec Dreamweaver 
Votre séquence vidéo étant maintenant au format Flash Video vous allez pouvoir l'intégrer à votre page Web en utilisant Dreamweaver.Ouvrez donc dans Dreamweaver la page web où vous souhaitez intégrer votre vidéo puis cliquez sur "Insertion", "Médias" et "Flash Vidéo ..."
A cette étape vous devez configurer les paramètres d'insertion de votre vidéo.
Pour le "type de vidéo" vous devez choisir "Vidéo en téléchargement progressif" car l'option "Vidéo en flux continu" requiert l'utilisation d'un server Flash Media Server.
N'oubliez pas d'indiquer le chemin de votre fichier .flv puis définissez les autres paramètres en fonction de vos besoins... (enveloppe, dimensions, ...)
Dreamweaver créera automatiquement le code source pour afficher votre vidéo sur votre page Web.
4. Remarques et conclusions
Comme vous avez pu le constater à la lecture de cet article l'intégration d'une vidéo avec Dreamweaver est d'une facilité déconcertante.Cela dit cette méthode n'est pas une solution miracle qui fonctionnera dans tout les cas...

Par exemple il ne faut pas abuser sur le poids du fichier Flash Vidéo.
En effet une vidéo très lourde mettrait trop de temps à s'afficher, il serait préférable dans ce cas d'utiliser du streaming
Un autre inconvénient est la non conformité du code généré par Dreamweaver avec les recommandations du W3C.
A chaque intégration il faut donc corriger le code généré...
Pour plus d'information sur les corrections à apporter au code consultez l'article "Intégration valide de média Flash"



