Guide d'utilisation Annuler

Ajout de vidéos dans Dreamweaver

  1. Guide de l’utilisateur de Dreamweaver
  2. Introduction
    1. Principes de base du design web réactif
    2. Nouveautés de Dreamweaver
    3. Développement web avec Dreamweaver - Présentation
    4. Dreamweaver / Questions fréquentes
    5. Raccourcis clavier
    6. Configuration requise pour Dreamweaver
    7. Récapitulatif des nouvelles fonctionnalités
  3. Dreamweaver et Creative Cloud
    1. Synchronisation des paramètres de Dreamweaver avec Creative Cloud
    2. Bibliothèques Creative Cloud dans Dreamweaver
    3. Utilisation de fichiers Photoshop dans Dreamweaver
    4. Utilisation d’Adobe Animate avec Dreamweaver
    5. Extraction de fichiers SVG optimisés pour le web depuis des Bibliothèques
  4. Espaces de travail et affichages Dreamweaver
    1. Espace de travail de Dreamweaver
    2. Optimisation de l’espace de travail Dreamweaver pour la conception visuelle
    3. Recherche de fichiers sur la base de leur nom ou de leur contenu | Mac OS
  5. Configuration de sites
    1. À propos des sites Dreamweaver
    2. Création d’une version locale de votre site
    3. Connexion à un serveur de publication
    4. Configuration d’un serveur d’évaluation
    5. Importation et exportation des paramètres d’un site Dreamweaver
    6. Importation de sites web d’un serveur distant vers la racine de votre site local
    7. Fonctions d’accessibilité dans Dreamweaver
    8. Paramètres avancés
    9. Définition des préférences de site pour le transfert de fichiers
    10. Indication des paramètres du serveur proxy dans Dreamweaver
    11. Synchronisation des paramètres de Dreamweaver avec Creative Cloud
    12. Utilisation de Git dans Dreamweaver
  6. Gestion des fichiers
    1. Création et ouverture de fichiers
    2. Gestion des fichiers et des dossiers
    3. Acquisition et placement de fichiers depuis ou vers votre serveur
    4. Archivage et extraction de fichiers
    5. Synchronisation de fichiers
    6. Comparaison de fichiers pour analyse de leurs différences
    7. Masquage de fichiers et de dossiers dans votre site Dreamweaver
    8. Activation des notes de conception pour les sites Dreamweaver
    9. Prévention de l’exploitation potentielle de Gatekeeper
  7. Mise en page et design
    1. Utilisation d’assistances visuelles pour la mise en forme
    2. À propos de l’utilisation de CSS pour mise en forme de votre page
    3. Création de sites web en responsive design avec Bootstrap
    4. Création et utilisation des requêtes de multimédia dans Dreamweaver
    5. Présentation de contenus dans des tableaux
    6. Couleurs
    7. Design réactif à l’aide de mises en forme à grille fluide
    8. Extract dans Dreamweaver
  8. CSS
    1. Description des feuilles de style en cascade
    2. Mise en forme de pages avec CSS Designer
    3. Utilisation de préprocesseurs CSS dans Dreamweaver
    4. Comment définir les préférences de Style CSS dans Dreamweaver
    5. Déplacement des règles CSS dans Dreamweaver
    6. Conversion de code CSS intégré en règle CSS dans Dreamweaver
    7. Utilisation de balises div
    8. Application de dégradés à l’arrière-plan
    9. Permet de créer et modifier des effets de transition CSS3 dans Dreamweaver.
    10. Formatage du code
  9. Contenu de page et actifs
    1. Définition des propriétés de page
    2. Définition des propriétés d’en-tête CSS et des propriétés de lien CSS
    3. Utilisation du texte
    4. Recherche et remplacement de texte, de balises et d’attributs
    5. Panneau DOM
    6. Modification en mode En direct
    7. Le codage de documents dans Dreamweaver
    8. Sélection et affichage d’éléments dans la fenêtre de document
    9. Définition des propriétés de texte dans l’inspecteur Propriétés
    10. Vérification de l’orthographe d’une page web
    11. Utilisation de règles horizontales dans Dreamweaver
    12. Ajout et modification de combinaisons de polices dans Dreamweaver
    13. Utilisation d’actifs
    14. Insertion et mise à jour des dates dans Dreamweaver
    15. Création et gestion des actifs favoris dans Dreamweaver
    16. Insertion et modification d’images dans Dreamweaver
    17. Ajout d’objets multimédias
    18. Ajout de vidéos dans Dreamweaver
    19. Insertion de vidéo HTML5
    20. Insertion de fichiers SWF
    21. Ajout d’effets audio
    22. Insertion de fichiers audio HTML5 dans Dreamweaver
    23. Utilisation d’éléments de bibliothèque
    24. Utilisation de texte arabe et hébreu dans Dreamweaver
  10. Liens et navigation
    1. A propos des liens et de la navigation
    2. Etablissement de liens
    3. Cartes graphiques
    4. Résolution des problèmes de liens
  11. Effets et widgets jQuery
    1. Utilisation de widgets jQuery UI et Mobile dans Dreamweaver
    2. Utilisation d’effets jQuery dans Dreamweaver
  12. Codage de sites web
    1. À propos du codage dans Dreamweaver
    2. Environnement de codage dans Dreamweaver
    3. Définition des préférences de codage
    4. Personnalisation de la coloration du code
    5. Rédaction et modification de code
    6. Conseils et remplissage de code
    7. Réduction et développement de code
    8. Réutilisation de code à l’aide de fragments
    9. Analyse linting de code
    10. Optimisation du code
    11. Modification de code en mode Création.
    12. Utilisation de contenu d’en-tête pour les pages
    13. Insertion d’inclusions côté serveur dans Dreamweaver
    14. Utilisation des bibliothèques de balises dans Dreamweaver
    15. Importation de balises personnalisées dans Dreamweaver
    16. Utilisation de comportements JavaScript (instructions générales)
    17. Application de comportements JavaScript intégrés
    18. À propos de XML et de XSLT
    19. Exécution de transformations XSL côté serveur dans Dreamweaver
    20. Exécution de transformations XSL côté client dans Dreamweaver
    21. Ajout d’entités de caractère pour XSLT dans Dreamweaver
    22. Formatage du code
  13. Flux de travaux inter-produit
    1. Installation et utilisation des extensions pour Dreamweaver
    2. Mises à jour intégrées dans Dreamweaver
    3. Insertion de documents Microsoft Office dans Dreamweaver (Windows uniquement)
    4. Utilisation de Fireworks et Dreamweaver
    5. Édition de contenu sur des sites Dreamweaver à l’aide de Contribute
    6. Intégration entre Dreamweaver et Business Catalyst
    7. Création de campagnes de messagerie personnalisées
  14. Modèles
    1. À propos des modèles Dreamweaver
    2. Reconnaissance des modèles et des documents basés sur un modèle
    3. Création d’un modèle Dreamweaver
    4. Création de régions modifiables dans des modèles
    5. Création de régions et de tables modifiables dans Dreamweaver
    6. Utilisation de régions facultatives dans les modèles
    7. Définition d’attributs de balises modifiables dans Dreamweaver
    8. Comment créer des modèles imbriqués dans Dreamweaver
    9. Modification, mise à jour et suppression de modèles
    10. Exportation et importation de contenus xml dans Dreamweaver
    11. Application ou suppression d’un modèle depuis un document existant
    12. Modification de contenu dans les modèles de Dreamweaver
    13. Règles de syntaxe pour les balises de modèle dans Dreamweaver
    14. Définition des préférences de surbrillance pour des régions de modèle
    15. Avantages de l’utilisation de modèles dans Dreamweaver
  15. Terminaux mobiles et écrans multiples
    1. Création de requêtes multimédias
    2. Modification de l’orientation de la page pour les appareils mobiles
    3. Création d’applications web pour appareils mobiles à l’aide de Dreamweaver
  16. Sites dynamiques, pages et formulaires web
    1. En savoir plus sur les applications web
    2. Configuration de l’ordinateur pour le développement d’applications
    3. Résolution des problèmes de connexion aux bases de données
    4. Suppression des scripts de connexion dans Dreamweaver
    5. Conception de pages dynamiques
    6. Présentation des sources de contenu dynamique
    7. Définition de sources de contenu dynamique
    8. Ajout de contenus dynamiques aux pages
    9. Changement des contenus dynamiques dans Dreamweaver
    10. Affichage d’enregistrements d’une base de données
    11. Fourniture et dépannage de données en temps réel dans Dreamweaver
    12. Ajout de comportements de serveur personnalisés dans Dreamweaver
    13. Création de formulaires à l’aide de Dreamweaver
    14. Utilisation de formulaires pour la collecte des informations sur les utilisateurs
    15. Création et activations des formulaires ColdFusion dans Dreamweaver
    16. Création de formulaires web
    17. Prise en charge améliorée de HTML5 pour les éléments de formulaire
    18. Développement d’un formulaire à l’aide de Dreamweaver
  17. Création visuelle d’applications
    1. Création de pages principales et détaillées dans Dreamweaver
    2. Création de pages de recherche et de résultats
    3. Création d’une page d’insertion d’enregistrements
    4. Création de la mise à jour d’une page d’enregistrement dans Dreamweaver
    5. Création de pages de suppression d’enregistrement dans Dreamweaver
    6. Modification d’une base de données à l’aide des commandes ASP dans Dreamweaver
    7. Création d’une page d’enregistrement
    8. Création d’une page de connexion
    9. Création d’une page à accès restreint
    10. Sécurisation de dossiers dans ColdFusion à l’aide de Dreamweaver
    11. Utilisation de composants ColdFusion dans Dreamweaver
  18. Test, aperçu et publication de sites web
    1. Prévisualisation de pages
    2. Aperçu et inspection de pages web Dreamweaver sur plusieurs appareils
    3. Test de votre site Dreamweaver
  19. Résolution des problèmes
    1. Problèmes résolus
    2. Problèmes connus

 

 

Découvrez comment incorporer des vidéos dans des pages web et insérer des fichiers FLV dans Dreamweaver.

Incorporation de vidéos aux pages web (HTML5)

HTML5 prend en charge les balises audio et vidéo, permettant aux utilisateurs de lire des fichier audio et vidéo dans un navigateur sans complément ni lecteur externe. Dreamweaver prend en charge les conseils de code permettant l’ajout de balises vidéo et audio.

Le mode En direct affiche la vidéo, de façon à prévisualiser la vidéo que vous incorporez à la page web.

Remarque :

Bien que vous puissiez incorporer toute vidéo à votre page web, le mode En direct ne les affiche pas toujours toutes. Les balises audio et vidéo sont prises en charge par Dreamweaver au moyen du module QuickTime d’Apple. Sous Windows, si le module QuickTime d’Apple n’est pas installé, la page web n’affiche pas le contenu multimédia.

Pour savoir comment insérer une vidéo HTML5, consultez la section Insertion de vidéos HTML5 dans Dreamweaver.

Insertion de fichiers FLV

Insertion de fichiers FLV

Vous pouvez insérer facilement des vidéos FLV dans vos pages web sans avoir recours à l’outil de création Flash. Vous devez disposer d’un fichier FLV codé avant de commencer.

Dreamweaver insère un composant SWF qui affiche le fichier FLV. Dans un navigateur, ce composant affiche le fichier FLV sélectionné, ainsi que les touches de lecture.

Le fichier FLV sélectionné et les touches de lecture

Dreamweaver offre les options suivantes pour diffuser une vidéo FLV sur votre site :

Vidéo en téléchargement progressif

Télécharge le fichier FLV sur le disque dur du visiteur, puis lance sa lecture. Contrairement aux méthodes traditionnelles de fourniture de vidéo par « téléchargement et lecture », le téléchargement progressif permet de lancer la lecture du fichier vidéo avant la fin de son téléchargement.

Vidéo en flux continu

Diffuse en continu le contenu vidéo et le lit sur une page web après une courte période de mise en mémoire tampon, ce qui assure une lecture homogène. Pour activer la diffusion vidéo en continu sur vos pages web, vous devez avoir accès à Adobe® Flash® Media Server.

Vous devez disposer d’un fichier FLV codé avant d’utiliser ce dernier sous Dreamweaver. Vous pouvez insérer les fichiers vidéo créés avec deux types de codecs (technologies de compression/décompression) : Sorenson Squeeze et On2.

Lorsque vous insérez un fichier FLV, tout comme dans le cas d’un fichier SDF ordinaire, Dreamweaver insère du code qui détecte si l’utilisateur dispose d’une version appropriée de Flash Player pour voir la vidéo. Si ce n’est pas le cas, la page affiche un contenu alternatif qui invite l’utilisateur à télécharger la version la plus récente de Flash Player.

Remarque :

Pour pouvoir visualiser un fichier FLV, Flash Player en version 8 ou ultérieure doit être installé sur l’ordinateur de l’utilisateur. Si l’utilisateur ne dispose pas de la version requise de Flash Player, mais bien de Flash Player en version 6.0 r65 ou une version ultérieure, le navigateur affiche un programme d’installation express de Flash Player au lieu du contenu alternatif. Si l’utilisateur refuse l’installation express, la page affiche le contenu alternatif.

Pour plus d’informations sur l’utilisation de la vidéo, consultez l’adresse www.adobe.com/go/flv_devcenter_fr.

Insertion d’un fichier FLV

  1. Sélectionnez Insérer > HTML > Vidéo Flash.

    Insertion de vidéo Flash
    Insertion de vidéo Flash

  2. Dans la boîte de dialogue Insérer un fichier FLV, choisissez Vidéo en téléchargement progressif dans le menu Type de vidéo.
  3. Renseignez les autres sections de la boîte de dialogue selon les besoins puis cliquez sur OK.
Remarque :

Microsoft Internet Information Server (IIS) ne traite pas les balises object imbriquées. Pour les pages ASP, Dreamweaver utilise du code object/embed imbriqué au lieu du code object imbriqué lors de l’insertion de fichiers SWF ou FLV.

Définition des options pour la vidéo en téléchargement progressif

La boîte de dialogue Insérer FLV permet de définir des options pour la remise par téléchargement progressif d’un fichier FLV inséré dans une page web.

  1. Choisissez Insérer > HTML > Vidéo Flash (ou cliquez sur l’icône Vidéo Flash de la catégorie HTML du panneau Insertion).

  2. Dans la boîte de dialogue Insérer FLV, choisissez Vidéo à téléchargement progressif dans le menu Type de vidéo.
    Insertion de vidéo Flash
    Insertion de vidéo Flash

  3. Définissez les options suivantes :

    URL

    Spécifie le chemin absolu ou relatif du fichier FLV. Pour spécifier un chemin relatif (par exemple, monchemin/mavideo.flv), cliquez sur le bouton Parcourir, accédez au fichier FLV et sélectionnez-le. Pour spécifier un chemin absolu, tapez l’URL (par exemple, http://www.exemple.com/mavideo.flv) du fichier FLV.

    Enveloppe

    Définit l’aspect du composant vidéo. Un aperçu de l’enveloppe sélectionnée apparaît sous le menu contextuel Enveloppe.

    Largeur

    La largeur (en pixels) du fichier FLV. Dreamweaver détermine la largeur du fichier FLV et vous pouvez voir la largeur apparaître automatiquement dans ce champ.

    Hauteur

    La hauteur (en pixels) du fichier FLV. Dreamweaver optimise automatiquement la hauteur du fichier FLV et vous pouvez voir la hauteur apparaître automatiquement dans ce champ.

    Remarque :

    Total avec enveloppe indique la largeur et la hauteur du fichier FLV plus la largeur et la hauteur de l’enveloppe sélectionnée.

    Respecter les proportions

    Préserve le rapport hauteur/largeur du composant vidéo. Cette option est sélectionnée par défaut.

    Lecture automatique

    Indique si la lecture de la vidéo doit démarrer ou non dès l’ouverture de la page web.

    Rembobinage automatique

    Détermine si le contrôle de lecture doit revenir en position de départ au terme de la lecture de la vidéo.

  4. Cliquez sur OK pour fermer la boîte de dialogue et ajouter le contenu FLV à votre page web.

    La commande Insérer FLV génère un fichier SWF de lecteur vidéo et un fichier SWF d’habillage qui serviront à afficher votre contenu vidéo sur une page web. (Il est parfois nécessaire de cliquer sur le bouton Actualiser pour afficher les nouveaux fichiers dans le panneau Fichiers.) Ces fichiers sont stockés dans le même répertoire que le fichier HTML auquel vous ajoutez du contenu vidéo. Lorsque vous chargez la page HTML incluant le fichier FLV, Dreamweaver charge ces fichiers en tant que fichiers dépendants (à condition de cliquer sur Oui dans la boîte de dialogue Placer les fichiers dépendants).

Définition des options pour la vidéo en flux continu

La boîte de dialogue Insérer FLV permet de définir des options pour le téléchargement de vidéo en flux contenu d’un fichier FLV inséré dans une page web.

  1. Choisissez Insérer > HTML > Vidéo Flash (ou cliquez sur l’icône Vidéo Flash de la catégorie HTML du panneau Insertion).

  2. Activez l’option Vidéo en flux continu dans le menu contextuel Type de vidéo.
    Définition des options pour la vidéo en flux continu
    Définition des options pour la vidéo en flux continu

    URI du serveur

    Indique le nom du serveur FCS, le nom de l’application et le nom de l’instance dans le formulaire rtmp://www.example.com/app_name/instance_name.

    Nom du flux

    Spécifie le nom du fichier FLV à lire (par exemple, mavideo.flv). L’extension .flv est facultative.

    Enveloppe

    Définit l’aspect du composant vidéo. Un aperçu de l’enveloppe sélectionnée apparaît sous le menu contextuel Enveloppe.

    Largeur

    La largeur (en pixels) du fichier FLV. Dreamweaver détermine la largeur du fichier FLV et renseigne automatiquement celle-ci dans ce champ.

    Hauteur

    La hauteur (en pixels) du fichier FLV. Dreamweaver détermine la hauteur du fichier FLV et renseigne automatiquement celle-ci dans ce champ.

    Remarque :

    Total avec enveloppe indique la largeur et la hauteur du fichier FLV plus la largeur et la hauteur de l’enveloppe sélectionnée.

    Respecter les proportions

    Préserve le rapport hauteur/largeur du composant vidéo. Cette option est sélectionnée par défaut.

    Vidéo en temps réel

    Indique si le contenu vidéo est en temps réel ou non. Si vous sélectionnez Vidéo en temps réel, Flash Player diffuse en continu un flux vidéo provenant de Flash® Media Server. Le nom de la vidéo en temps réel est le nom indiqué dans la zone Nom du flux.

    Remarque :

    Pour activer la diffusion vidéo en temps réel, vous devez sélectionner l’une des options d’habillage Halo du champ Enveloppe. Si vous activez l’option Vidéo en temps réel, seul le contrôle de volume apparaît sur l’enveloppe du composant, car il est impossible d’intervenir sur de la vidéo en temps réel. De plus, les options Lecture automatique et Rembobinage automatique sont sans effet.

    Lecture automatique

    Indique si la lecture de la vidéo doit démarrer ou non dès l’ouverture de la page web.

    Rembobinage automatique

    Détermine si le contrôle de lecture doit revenir en position de départ au terme de la lecture de la vidéo.

    Délai mise en tampon

    Indique le délai (en secondes) de mise en tampon avant le début de la lecture de la vidéo. Par défaut, la mise en tampon est paramétrée sur 0, si bien que la lecture de la vidéo débute instantanément après un clic sur le bouton de lecture. (Si l’option Lecture automatique est activée, la lecture de la vidéo débute dès que la connexion avec le serveur est établie.) Il peut également être nécessaire de définir un délai de mise en mémoire tampon si vous fournissez une vidéo dont le débit en bits est supérieur à celui de la connexion du visiteur du site ou lorsque le volume de trafic Internet risque d’engendrer des problèmes de bande passante ou de connectivité. Par exemple, si vous souhaitez envoyer 15 secondes de vidéo à la page web avant que cette dernière ne lise la vidéo, définissez le délai de mise en mémoire tampon sur 15.

  3. Cliquez sur OK pour fermer la boîte de dialogue et ajouter le contenu FLV à votre page web.

    La commande Insérer FLV génère un fichier SWF de lecteur vidéo et un fichier SWF d’habillage qui serviront à afficher votre vidéo sur une page web. La commande génère également un fichier main.asc que vous devez transférer sur votre serveur Flash Media Server. (Il est parfois nécessaire de cliquer sur le bouton Actualiser pour afficher les nouveaux fichiers dans le panneau Fichiers.) Ces fichiers sont stockés dans le même répertoire que le fichier HTML auquel vous ajoutez du contenu vidéo. Lorsque vous transférez sur votre serveur la page HTML contenant le fichier FLV, n’oubliez pas de transférer également ces fichiers SWF, et de transférer le fichier main.asc sur votre serveur Flash Media Server.

    Remarque :

    Si un fichier main.asc se trouve déjà sur votre serveur, consultez l’administrateur de ce serveur avant de transférer le fichier main.asc généré par la commande Insérer FLV.

    Vous pouvez charger facilement tous les fichiers médias requis en sélectionnant l’espace réservé pour le composant vidéo dans la fenêtre Document de Dreamweaver puis en cliquant sur le bouton Transférer multimédia dans l’inspecteur Propriétés (Fenêtre > Propriétés). Pour voir la liste des fichiers nécessaires, cliquez sur le bouton Afficher les fichiers nécessaires.

    Remarque :

    Le bouton Transférer multimédia ne transfère pas le fichier HTML qui contient le composant vidéo.

Modification des informations de téléchargement de Flash Player

Lorsque vous insérez un fichier FLV sur une page, Dreamweaver insère du code qui détecte si l’utilisateur dispose de la version appropriée de Flash Player. Si ce n’est pas le cas, la page affiche du contenu alternatif afin d’inviter l’utilisateur à télécharger la version la plus récente. Vous pouvez à tout moment modifier ce contenu alternatif.

Cette procédure s’applique également aux fichiers SWF.

Remarque :

Si l’utilisateur ne dispose pas de la version requise mais bien de Flash Player en version 6.0 r65 ou une version ultérieure, le navigateur affiche un programme d’installation express de Flash Player. Si l’utilisateur refuse l’installation express, la page affiche le contenu alternatif.

  1. Dans la fenêtre de document, en mode Création, sélectionnez le fichier SWF ou FLV.
  2. Cliquez sur l’icône en forme d’œil dans le fichier SWF ou FLV.

    Remarque :

    Vous pouvez également utiliser le raccourci Ctrl+] pour activer l’affichage du contenu alternatif. Pour rétablir l’affichage du fichier SWF/FLV, appuyez sur Ctrl+[ jusqu’à ce que l’intégralité du contenu alternatif soit sélectionnée. Ensuite, appuyez à nouveau sur Ctrl+[.

  3. Modifiez le contenu comme vous le feriez pour tout autre contenu sous Dreamweaver.
    Remarque :

    Il est impossible d’ajouter des fichiers SWF ou FLV en tant que contenu alternatif.

  4. Cliquez à nouveau sur l’icône en forme d’œil pour revenir à l’affichage du fichier SWF ou FLV.

Dépannage des fichiers FLV

Cette section décrit quelques-unes des causes les plus courantes de problèmes avec les fichiers FLV.

Affichage des problèmes dus à l’absence de fichiers associés

Le code généré par Dreamweaver CS4 et versions ultérieures repose sur quatre fichiers dépendants, différents du fichier FLV proprement dit :

  • swfobject_modified.js

  • expressInstall.swf

  • FLVPlayer_Progressive.swf

  • Le fichier d’enveloppe (par exemple Clear_Skin_1.swf)

Notez qu’il existe deux fichiers dépendants supplémentaires pour Dreamweaver CS4 et versions ultérieures par rapport à Dreamweaver CS3.

Les deux premiers fichiers (swfobject_modified.js et expressInstall.swf) sont installés dans un dossier baptisé Scripts, que Dreamweaver crée à la racine de votre site s’il n’existe pas.

Les deux autres fichiers (FLVPlayer_Progressive.swf et le fichier d’enveloppe) sont installés dans le même dossier que la page à laquelle le fichier FLV est incorporé. Le fichier d’enveloppe contient les contrôles du fichier FLV. Son nom dépend de l’enveloppe choisie dans les options décrites dans l’aide de Dreamweaver. Par exemple, si vous choisissez Clear Skin, le fichier se nomme Clear_Skin_1.swf.

Les quatre fichiers dépendants DOIVENT être téléchargés sur votre serveur distant pour que le fichier FLV s’affiche correctement.

L’oubli du téléchargement de ces fichiers est la cause la plus courante des erreurs d’exécution de fichiers FLV sur une page web. Si l’un des fichiers manque, un « carré blanc » risque de s’afficher sur la page.

Pour garantir que vous avez bien téléchargé tous les fichiers dépendants, utilisez le panneau Fichiers de Dreamweaver pour télécharger la page où figure le fichier FLV. Lorsque vous téléchargez la page, Dreamweaver vous demande si vous voulez télécharger les fichiers dépendants (sauf si vous avez désactivé cette option). Cliquez sur Oui pour télécharger les fichiers dépendants.

Problèmes d’affichage lors d’un aperçu local des pages

Les mises à jour de la sécurité de Dreamweaver CS4 vous empêchent d’utiliser la commande Aperçu dans le navigateur pour tester une page comportant un fichier FLV incorporé, sauf si vous définissez un serveur d’évaluation local dans votre définition de site Dreamweaver et employez ce serveur d’évaluation pour prévisualiser la page.

Normalement, vous n’avez besoin d’un serveur d’évaluation que si vous développez des pages avec ASP, ColdFusion ou PHP (voir Configuration de l’ordinateur pour le développement d’applications). Si vous créez des sites web qui n’emploient que HTML et que vous n’avez pas défini de serveur d’évaluation, une pression sur F12 (Windows) ou Option+F12 (Macintosh) entraîne l’affichage de contrôles d’enveloppe incohérents. Pour résoudre le problème, définissez le serveur d’évaluation et utilisez-le pour prévisualiser votre page, ou chargez vos fichiers sur un serveur distant et visualisez-les sur celui-ci.

Remarque :

Il se peut que les paramètres de sécurité soient également responsables de l’impossibilité de prévisualiser du contenu FLV local, mais Adobe n’a pas été en mesure de le confirmer. Vous pouvez tenter de modifier vos paramètres de sécurité afin de voir si le problème est résolu. Pour plus d’informations sur la modification de vos paramètres de sécurité, consultez la Tech Note 117502.

Autres causes potentielles de problèmes avec les fichiers FLV

  • Si vous éprouvez des difficultés à prévisualiser localement, assurez-vous que l’option Aperçu avec fichier temporaire est bien désactivée dans la section Modifier > Préférences > Aperçu en temps réel.

  • Assurez-vous de bien disposer de la version la plus récente du complément Flash Player.

  • Faites preuve de prudence lorsque vous déplacez des fichiers et des dossiers à l’extérieur de Dreamweaver. Lorsque vous déplacez des fichiers et dossiers à l’extérieur de Dreamweaver, Dreamweaver ne peut pas garantir l’exactitude des chemins d’accès aux fichiers associés à un fichier FLV.

  • Vous pouvez remplacer provisoirement le fichier FLV qui pose problème par un fichier FLV dont vous êtes sûr qu’il fonctionne. Si le fichier FLV de remplacement fonctionne, c’est que le problème réside dans le fichier FLV d’origine et n’est pas dû à votre navigateur ni à l’ordinateur.

Modification ou suppression d’un composant FLV

Vous pouvez modifier les paramètres de la vidéo sur votre page web en sélectionnant l’espace réservé pour composant vidéo dans la fenêtre de document de Dreamweaver et en utilisant l’inspecteur Propriétés. Vous pouvez également supprimer le composant vidéo puis le réinsérer à l’aide de la commande Insérer > HTML > Vidéo Flash.

Modification du composant FLV

  1. Dans la fenêtre du document Dreamweaver, sélectionnez l’espace réservé pour le composant vidéo en cliquant sur l’icône FLV au centre de l’espace réservé.
  2. Ouvrez l’inspecteur Propriétés (Fenêtre > Propriétés) et apportez les modifications désirées.
    Remarque :

    Il est impossible de modifier le type de vidéo (de téléchargement progressif à diffusion en continu, par exemple) dans l’inspecteur Propriétés. Pour modifier le type de vidéo, supprimez le composant FLV puis réinsérez-le en choisissant Insertion > Médias > FLV.

Suppression du composant FLV

  1. Dans la fenêtre du document Dreamweaver, sélectionnez l’espace réservé pour le composant FLV et appuyez sur la touche Suppr.

Ajout de vidéo (autres formats)

Pour savoir comment ajouter des vidéos qui ne sont pas des fichiers .flv, consultez la section Ajout de vidéo (non FLV)

Vous pouvez également souhaiter savoir comment insérer le contenu du plug-in dans Dreamweaver pour lire des fichiers .mp3 ou des vidéos Quicktime dans votre site Dreamweaver.

Autres ressources similaires

 Adobe

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?