Accueil Médias sociaux Insertion de fichiers audio et vidéo dans Dreamweaver - pour les mannequins

Insertion de fichiers audio et vidéo dans Dreamweaver - pour les mannequins

Vidéo: TUTO HTML - #7 Insérer un élément audio ou vidéo sur son site 2025

Vidéo: TUTO HTML - #7 Insérer un élément audio ou vidéo sur son site 2025
Anonim

Bien que vous puissiez utiliser Dreamweaver pour insérer des fichiers vidéo directement dans une page Web, nous vous conseillons d'utiliser l'un des services d'hébergement vidéo, tels que comme YouTube ou Vimeo.

Lorsque vous sélectionnez Média dans le menu Insertion, vous trouvez plusieurs options audio et vidéo. Si vous souhaitez insérer des fichiers vidéo dans l'un des formats les plus anciens et les plus propriétaires, tels que Windows Media Video (.wmv) ou QuickTime (.mov), choisissez l'option Plugin dans la liste déroulante Média de la zone Insertion. menu.

Si vous souhaitez utiliser les derniers formats vidéo à l'aide de la balise vidéo HTML5, vous pouvez insérer une vidéo dans les formats MP4, webM ou Ogg Theora en procédant comme suit:

  1. Cliquez où vous voulez le fichier à afficher sur votre page Web.

  2. Choisissez Insérer → Média → Vidéo HTML5.

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

  3. Cliquez sur la petite case 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 champ Source de l'inspecteur des propriétés, entrez l'URL de votre fichier vidéo ou sélectionnez l'icône Parcourir, puis sélectionnez un fichier vidéo sur votre disque dur.

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

  5. (Facultatif) Utilisez les champs Alt Source 1 et Alt Source 2 pour entrer l'URL ou parcourir et sélectionner la vidéo dans des formats supplémentaires.

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

    Vous voyez que les trois champs source sont remplis de vidéos dans chacun de ces formats. En outre, vous pouvez inclure une vidéo Flash pour les anciens navigateurs Web dans le champ Flash Fallback.

    Si vous pensez que c'est fou de devoir intégrer quatre fichiers vidéo différents dans quatre formats différents, vous n'êtes pas seul. Cette complexité est due à l'absence d'accord entre les sociétés de navigation sur le format le mieux adapté à 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. YouTube et Vimeo la convertissent et la livrent automatiquement dans tous ces formats.

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

    Lorsque vous ajoutez du contenu 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 après avoir inséré 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, afin d'assurer la compatibilité.

    Tous les formats vidéo ne seront pas lus dans tous les navigateurs. Testez votre vidéo pour vous assurer qu'elle est diffusée au moins dans le navigateur que vous ciblez en tant que destination principale. Si vous avez défini le fichier sur Lecture automatique, votre fichier est lu automatiquement lorsque la page est chargée dans le navigateur. Sinon, votre navigateur insère un contrôleur simple pour que vous puissiez démarrer, mettre en pause, avancer rapidement et revenir en arrière dans la vidéo.

Insertion de fichiers audio et vidéo dans Dreamweaver - pour les mannequins

Le choix des éditeurs

Principes de base du protocole de routage IP Multicast - dummies

Principes de base du protocole de routage IP Multicast - dummies

IP Le routage multicast est le routage du trafic multicast. La nature des données IP Multicast est telle qu'elle a ses propres problèmes de routage de réseau Cisco. Il existe quatre protocoles de multidiffusion principaux pris en charge par le Cisco IOS actuel. L'illustration vous montre approximativement où les protocoles sont utilisés; Ce qui suit est ...

Comment le protocole STP (Spanning Tree Protocol) gère les modifications du réseau - dummies

Comment le protocole STP (Spanning Tree Protocol) gère les modifications du réseau - dummies

Nouveau concentrateur ou passer à un réseau mappé STP (Spanning Tree Protocol)? Pour cet exemple, un concentrateur était connecté à un port sur les deux commutateurs 11: 99 et 77: 22. Un concentrateur était utilisé car il ne disposait pas d'une intelligence réseau. L'effet net est en fait le même que ...

Types de réseau local (LAN) - nuls

Types de réseau local (LAN) - nuls

Un WAN est un type de réseau local (LAN) . Un réseau local est un réseau privé généralement constitué d'une connexion réseau fiable, rapide et bien connectée. Les alternatives sur le framework LAN incluent CAN, MAN et WAN. Ces trois options de réseau sont illustrées ci-dessous: CAN Si vous utilisez le réseau LAN ...

Le choix des éditeurs

Bebo est l'application de médias sociaux pour vous? - les nuls

Bebo est l'application de médias sociaux pour vous? - les nuls

Comment savez-vous quel est le bon média social pour vous? La culture moderne devient de plus en plus dépendante des médias sociaux tels que Bebo, Facebook, Twitter et What'sApp, ainsi que de nombreux autres. Le questionnaire suivant vous aidera à déterminer si vous avez ou non ce qu'il faut pour être social sur le nouveau ...

Comment utiliser Bebo - dummies

Comment utiliser Bebo - dummies

Bebo, la nouvelle application des médias sociaux, est aussi facile à utiliser que C'est amusant à regarder. Vous pouvez obtenir cette nouvelle application sur Google Play Store et Apple App Store. Lancez Bebo et suivez les instructions à l'écran pour terminer le processus de création de compte. Après avoir téléchargé avec succès, ...

Le choix des éditeurs

Ce que vous pouvez trouver dans une barre latérale de blog - des mannequins

Ce que vous pouvez trouver dans une barre latérale de blog - des mannequins

La plupart des blogs contiennent du matériel de barre latérale. La plupart des blogs sont disposés en deux ou trois colonnes, et le contenu de la barre latérale apparaît généralement dans les deuxième et / ou troisième colonnes. Certains blogs n'ont pas de barres latérales, et sur d'autres blogs, vous pouvez découvrir des éléments supplémentaires au-delà de ce que vous voyez ici. Archives basées sur la date: Presque tous les blogs sont ...

Lorsqu'un réseau publicitaire est approprié pour votre blog maman - les mannequins

Lorsqu'un réseau publicitaire est approprié pour votre blog maman - les mannequins

Ne sont que quelques-unes modèles conflit en cours d'exécution des publicités avec vos meilleurs intérêts. C'est quand vous bloguez pour vendre vos propres produits ou pour promouvoir vos services professionnels. Même dans ce cas, il est toujours possible de diffuser des annonces sur ces blogs, surtout si les annonces font la promotion de produits et de services complémentaires et non concurrents. Mais si vous êtes ...

Quand maman blogue pour Swag is Okay - les mannequins

Quand maman blogue pour Swag is Okay - les mannequins

Dans certaines circonstances légitimes vous pouvez vous sentir travailler gratuitement vaut votre temps et la publicité que vous offrez à une marque. Cela peut être comparé à un stage non rémunéré. Si vous êtes stagiaire et que vous avez une excellente expérience de travail, alors c'est une entreprise précieuse. Si vous êtes stagiaire et que vous ne versez que du café et que vous livrez ...