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

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Windows, avec un W majuscule, tire son nom de sa caractéristique principale: Windows, avec un w minuscule. Se familiariser avec Windows signifie apprendre à ouvrir, fermer, redimensionner, déplacer et basculer entre les fenêtres, ce qui est la clé pour jongler avec succès avec plusieurs activités. Chaque programme que vous exécutez occupe sa propre fenêtre. Une fenêtre peut occuper une partie de ...

Comment accepter ou rejeter les cookies dans Safari - dummies

Comment accepter ou rejeter les cookies dans Safari - dummies

Un cookie est un petit fichier qu'un site Web enregistre automatiquement sur le disque dur de votre Mac. Il contient des informations, telles que vos préférences ou votre date de naissance, que le site utilisera lors de vos prochaines visites. Dans Mac OS X Snow Leopard, Safari vous permet de choisir d'accepter ou non tous les cookies ...

Le choix des éditeurs

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Pour créer une boîte ou une ligne dans QuarkXPress plus complexe qu'un simple rectangle, ovale ou starburst, vous entrez dans le domaine du chemin de Bézier. Si vous avez utilisé l'outil Plume dans Adobe Illustrator ou Photoshop, vous comprenez déjà les chemins de Bézier. Il faut un peu de pratique et un esprit détendu ...

Création d'un rapport avec Crystal Reports 10 - témoins

Création d'un rapport avec Crystal Reports 10 - témoins

Lorsque vous démarrez Crystal Reports 10, généralement l'une des trois choses suivantes: créer un rapport, modifier un rapport ou exécuter un rapport sur les données de votre base de données. Les rapports prennent des données à partir d'une base de données, les traitent, les formatent et les affichent ensuite sur une imprimante, un écran d'ordinateur ou un site Web. Crystal Reports ...

Traitant des commentaires Javadoc dans Eclipse - mannequins

Traitant des commentaires Javadoc dans Eclipse - mannequins

Lorsque vous utilisez Eclipse pour écrire du code Java, n'oubliez pas de éditez les commentaires de Javadoc (les choses qui commencent par / **). Vous pouvez ajouter des informations utiles lorsque vous modifiez les commentaires Javadoc et lorsque vous les modifiez, l'aide au code d'Eclipse propose des suggestions. N'oubliez pas ces astuces lorsque vous modifiez vos commentaires Javadoc: Ajouter un commentaire Javadoc: ...

Le choix des éditeurs

Les connexions cachées sur le Nikon D5600 - les nuls

Les connexions cachées sur le Nikon D5600 - les nuls

Ouvrent les couvercles sur les côtés gauche et droit du Nikon D5600 caméra, et vous verrez plusieurs ports de connexions cachées. Les ports de connexion suivants sont indiqués sur cette image: Terminal d'accessoires: ce terminal accepte les accessoires suivants: câble déclencheur à distance Nikon MC-DC2; Télécommandes sans fil WR-1 et WR-R10; et les unités GPS GP-1 / GP-1A. I ...

Les connexions cachées sur votre Nikon D5200 - les nuls

Les connexions cachées sur votre Nikon D5200 - les nuls

ÉParpillés sur l'extérieur de votre appareil photo sont nombreuses commandes que vous utilisez pour changer d'image -prend des paramètres, revoir et modifier vos photos, et effectuer diverses autres opérations. Caché sous le couvercle sur le côté gauche de la caméra, vous trouverez les quatre ports de connexion suivants, étiquetés dans cette figure: Borne accessoire: Vous pouvez brancher le Nikon en option ...

Des boutons et autres commandes du Nikon D7500 - mannequins

Des boutons et autres commandes du Nikon D7500 - mannequins

C'est génial d'avoir une carte pour le boutons et commandes sur votre appareil photo, mais ce n'est pas beaucoup d'aide si vous ne pouvez pas vous rappeler quel bouton appuyer sur quand (et pourquoi). Alors, voici un aperçu des fonctions des contrôles les plus importants. (Certains contrôles ont des fonctions supplémentaires pendant certaines opérations, mais la table ...