Comment incorporer une vidéo dans html

ThiTeaches vous comment incorporer une vidéo YouTube sur un site Web en collant du code dans votre HTML, ainsi que comment intégrer manuellement un .mp4, .ogg, ou .Vidéo WebM à l`aide du HTML5

Pas

Méthode 1 de 2:
Incorporation d`une vidéo YouTube
  1. Image intitulée Intégrer la vidéo dans HTML Étape 1
1. Localisez la vidéo que vous souhaitez intégrer sur YouTube.com. Cliquez sur le titre de la vidéo sur YouTube pour ouvrir la vidéo pour la visualisation.
  • Vous pouvez également utiliser cette méthode pour de nombreux autres sites Web de partage vidéo. Bien que les noms de chaque lien soient différents, vous pourrez généralement trouver un Embarquer ou alors Ajouter au site web Lier quelque part près de la vidéo que vous souhaitez inclure.
  • Image intitulée Vidéo intégrée dans HTML Étape 2
    2. Cliquez sur PARTAGER. C`est juste sous la vidéo (l`option avec une flèche pointillante droite). Une liste des options de partage apparaîtra.
  • Image intitulée Vidéo intégrée dans HTML Étape 3
    3. Cliquez sur Embarquer. C`est la première icône. Cela ouvre une fenêtre contenant du code HTML à son côté supérieur droit.
  • Image intitulée Vidéo Intégré dans HTML Étape 4
    4. Sélectionnez Options d`intégration pour la vidéo.
  • Si vous souhaitez démarrer la vidéo à une heure précise, sélectionnez "Démarrer à," puis entrez l`heure où vous voudriez qu`il commence (e.g., "1:44" jouer de la vidéo à partir de la note de 1 minute et 44 secondes).
  • Cochez la case en regard de "Afficher les commandes du lecteur" pour permettre aux téléspectateurs de régler le volume, l`arrêt, le démarrage et la pause de la vidéo.
  • Si vous ne voulez pas que YouTube collectionne des informations sur la personne qui affiche cette vidéo, vous pouvez vérifier "Activer le mode amélioré de confidentialité."
  • Image intitulée Vidéo intégrée dans HTML Étape 5
    5. Cliquez sur COPIE. Ceci copie le code d`intégration dans votre presse-papiers.
  • Image intitulée Vidéo Intégré dans HTML Étape 6
    6. Ouvrez le fichier HTML que vous souhaitez modifier. Si vous utilisez un outil en ligne pour modifier votre site Web, accédez à la partie de l`outil qui vous permet de modifier directement le fichier HTML de la page où la vidéo doit apparaître. Si vous modifiez le site à la main, ouvrez le code source de la page dans votre éditeur de texte préféré.
  • Image intitulée Vidéo Intégré dans HTML Step 7
    7. Cliquez sur l`emplacement où vous souhaitez insérer la vidéo. Vous pouvez insérer la vidéo n`importe où dans votre code HTML. Ceci place le curseur à la position souhaitée.
  • Image intitulée Vidéo Intégré dans HTML STEP 8
    8. presse ⌘ Commande+V (Mac) ou Ctrl+V (PC) pour coller le code. Le code copié de YouTube apparaît maintenant dans votre fichier HTML.
  • Image intitulée Intégrer la vidéo dans HTML Étape 9
    9. Enregistrez le fichier et publiez sur votre site Web. Pour tester la vidéo, ouvrez la page où vous l`avez incorporé dans n`importe quel navigateur Web, puis cliquez sur la vidéo pour commencer à jouer.
    • Méthode 2 sur 2:
    Utilisation de l`élément vidéo HTML5
    1. Image intitulée Vidéo intégrée dans HTML Étape 10
    1. Téléchargez votre vidéo sur votre serveur Web. Cette méthode convient parfaitement à ceux qui souhaitent télécharger leurs vidéos directement sur leurs propres sites Web plutôt qu`à un site de partage comme YouTube. Vous pouvez également utiliser cette méthode si vous ne voulez pas utiliser un "iframe" pour intégrer votre vidéo.
    • Téléchargez la vidéo en tant que fichier MP4 pour vous assurer qu`il est correctement visible sur tous les navigateurs Web. Bien que l`élément vidéo prend également en charge les fichiers vidéo WebM et OGG, ils ne seront pas jouables dans Safari.
    • Comme la plupart des navigateurs éliminent la prise en charge des plugins externes qui utilisent le HTML tag, en utilisant le
  • Image intitulée Vidéo intégrée dans HTML Étape 11
    2. Ouvrez le fichier HTML que vous souhaitez modifier. Si vous utilisez un outil en ligne pour modifier votre site Web, accédez à la partie de l`outil qui vous permet de modifier directement le fichier HTML de la page où la vidéo doit apparaître. Si vous modifiez le site à la main, ouvrez le code source de la page dans votre éditeur de texte préféré.
  • Image intitulée Vidéo intégrée dans HTML STEP 12
    3. Entrez le code pour insérer la vidéo. Entrez ce code dans l`emplacement exact où vous souhaitez que la vidéo apparaisse, apportant des modifications au nom de fichier et à la taille en fonction de vos besoins:
  • Remplacer wikihow.mp4 avec le nom de votre fichier vidéo. Si le fichier vidéo est situé ailleurs sur le Web, remplacez-le avec le chemin d`URL complet au fichier (E.g., "HTTPS: // fr.maniqui-es.com / test.MP4 ").
  • Vous pouvez remplacer les valeurs numériques pour "largeur" ​​et "hauteur" pour s`adapter à la taille de votre vidéo.
  • le les contrôles option garantit que les personnes qui visionnent la vidéo peuvent en pause, jouer, ajuster le volume ou arrêter la vidéo lorsque vous le souhaitez.
  • Image intitulée Intégrer la vidéo en HTML Step 13
    4. Enregistrez le fichier et publiez sur votre site Web. Pour tester la vidéo, ouvrez la page où vous l`avez incorporé dans n`importe quel navigateur Web, puis cliquez sur la vidéo pour commencer à jouer.

    • Vidéo

    En utilisant ce service, certaines informations peuvent être partagées avec YouTube.

    Conseils

    Articles connexes