Comment insérer des fichiers audio et vidéo dans Dreamweaver

Bien que vous pouvez utiliser Dreamweaver pour insérer des fichiers vidéo directement dans une page Web, notre meilleur conseil est d'utiliser l'un des services de vidéo-hébergement, tels que YouTube ou Vimeo.

Lorsque vous sélectionnez des médias dans le menu Insertion, vous trouvez vidéo multiples et les options audio. Si vous souhaitez insérer des fichiers vidéo qui sont dans l'un des formats plus anciens et plus exclusifs, tels que Windows Media Video (.wmv) Ou QuickTime (.mov), Vous choisissez l'option Plug-in dans la liste déroulante des médias dans le menu Insertion.

Si vous souhaitez utiliser les derniers formats vidéo en utilisant la balise HTML5 vidéo, vous pouvez insérer dans la vidéo MP4, formats WebM ou Ogg Theora en suivant ces étapes:

  1. Cliquez où vous voulez que le fichier apparaît sur votre page web.

  2. Choisissez Insertion-Media-vidéo HTML5.

    Vous pouvez également cliquer sur la liste déroulante dans le panneau Insertion, choisissez Médias, puis sélectionnez HTML 5 vidéo. Une petite boîte grise contenant une icône de film apparaît dans votre conception.

    image0.jpg



  3. Cliquez sur la petite boîte grise contenant une icône de film.

    Les propriétés de la vidéo sont affichées dans l'Inspecteur des propriétés au bas de l'écran.

  4. Dans le domaine de la Source de l'inspecteur des propriétés, entrez l'URL de votre fichier vidéo ou sélectionnez l'icône Parcourir et sélectionnez un fichier vidéo sur votre disque dur.

    Après avoir sélectionné le fichier, le chemin et le nom apparaissent dans la fenêtre Source.

    image1.jpg
  5. (Facultatif) Utilisez l'Alt Source 1 et Alt Source 2 champs pour entrer l'URL ou recherchez et sélectionnez la vidéo dans d'autres formats.

    L'une des complexités de l'utilisation de la balise vidéo HTML5 est de que vous pouvez l'utiliser avec trois formats vidéo: mp4, Ogg Theora et WebM. Si vous voulez que votre vidéo à jouer dans tous les navigateurs Web les plus populaires, vous devez inclure la vidéo dans les trois formats.

    Vous voyez que tous les trois champs source sont remplis avec des vidéos dans chacun de ces formats. En outre, vous pouvez inclure une vidéo Flash pour les navigateurs plus anciens dans le domaine de Flash repli.

    Si vous pensez qu'il est fou d'avoir à intégrer quatre fichiers vidéo différents en quatre formats différents, vous n'êtes pas seul. Cette complexité est due à l'absence d'accord entre les sociétés de navigateur sur ce format est le mieux pour la vidéo.

    Un autre avantage d'utiliser Vimeo ou YouTube, pour héberger vos vidéos est que vous pouvez télécharger une vidéo dans un seul format et YouTube et Vimeo convertir et de le livrer dans tous ces formats automatiquement.

  6. Entrez la hauteur et la largeur dans les champs de H et W, respectivement, de l'inspecteur des propriétés.

    Lorsque vous ajoutez audio ou vidéo, Dreamweaver ne détermine pas automatiquement la hauteur et la largeur du fichier, vous devez donc ajouter les dimensions dans l'inspecteur des propriétés lorsque vous insérez le fichier.

  7. Enregistrez la page et cliquez sur l'icône Aperçu (globe) (en haut de la zone de travail) pour ouvrir la page dans un navigateur, pour assurer la compatibilité.

    Pas tous les formats vidéo vont jouer dans tous les navigateurs. Testez votre vidéo pour vous assurez qu'il joue au moins dans le navigateur que vous ciblez comme destination principale. Si vous avez configuré le fichier à Autoplay, votre fichier est lu automatiquement lorsque la page se charge dans le navigateur. Sinon, votre navigateur insère un contrôleur simple, de sorte que vous pouvez commencer, pause, avance rapide, rembobinage et de la vidéo.


» » » » Comment insérer des fichiers audio et vidéo dans Dreamweaver