Comment intégrer une vidéo YouTube en HTML ?

Avoir un contenu vidéo pertinent sur votre site Web peut être une caractéristique attrayante. Peut-être que vous donnez des instructions sur un sujet, mais vous sentez qu’il sera mieux compris s’il est également diffusé en vidéo, ou si vous avez un site Web d’entreprise où vous souhaitez montrer une vidéo de votre entreprise sur YouTube. Les possibilités sont infinies quant aux raisons pour lesquelles vous souhaitez lire une vidéo sur votre blog ou votre site Web, mais la conversion de vidéos en différents formats pour les lire sur votre site Web peut prendre du temps et être compliquée. Le moyen le plus simple d’ajouter une vidéo HTML est de laisser YouTube lire les vidéos sur votre page Web en incorporant la vidéo. Voici un guide étape par étape sur la façon d’intégrer une vidéo YouTube en HTML.

Comment insérer une vidéo en HTML à l’aide du code d’intégration ?

Suivez ces étapes pour intégrer des vidéos sur votre page Web :

1. Ouvrez la page YouTube et recherchez la vidéo que vous souhaitez intégrer.
2. Cliquez sur le bouton “Partager” situé sous la vidéo pour ouvrir les options de partage.
3. Cliquez ensuite sur l’option “Intégrer”, qui apparaîtra sous “Partager un lien”. Cela ouvrira un écran avec le code d’intégration de la vidéo YouTube, également appelé code iframe.
4. Ici, vous pouvez ajuster les dimensions de la vidéo en définissant la largeur et la hauteur.
5. YouTube vous permet également de personnaliser votre vidéo en vous donnant la possibilité de la démarrer à partir du point que vous souhaitez. Écrivez l’heure de début souhaitée à côté de l’espace dans l’option « Démarrer à » et cochez la case.
6. Pendant que vous êtes ici, vous pouvez ajouter tous les autres paramètres que vous souhaitez à l’URL. (Les détails sont dans “Comment utiliser les paramètres”)
7. Cliquez sur “Copier” pour copier le code d’intégration YouTube dans votre presse-papiers.
8. Ouvrez les options HTML de votre page Web. Les sites Web sont construits avec des codes HTML et le code d’intégration YouTube est conçu pour s’adapter à ce code afin que la vidéo s’affiche sans modifications.
9. Trouvez où vous voulez placer votre vidéo sur la page HTML. Tout ce que vous avez affiché sur la page est également écrit en code. Ainsi, par exemple, si vous souhaitez que votre vidéo soit sous le titre « Comment intégrer le didacticiel », votre code ressemblera à ceci :

Comment insérer un tutoriel

https://www.youtube.com/watch?v=6zbsUtQL4nY “frameborder =” 0 ″ allow = “accéléromètre ; autoreproduction; presse-papiers d’écriture; médias cryptés; gyroscope; image dans l’image “allowfullscreen>

1. Collez le code vidéo où vous voulez qu’il soit.
2. Enregistrez les modifications. Vérifiez si la vidéo est au bon endroit sur le site Web.

Comment utiliser les paramètres ?

YouTube propose quelques options pour personnaliser l’expérience de lecture vidéo. Vous pouvez toujours ajouter quelques fonctionnalités supplémentaires si vous jouez un peu avec le code d’intégration en ajoutant des paramètres supplémentaires. Voici quelques paramètres utiles que vous pouvez utiliser.

1. Paramètre de contrôle YouTube

En utilisant le paramètre de commandes de YouTube, vous pouvez masquer les commandes au bas de la vidéo ou les laisser rester.

‘controls = 0’ signifie que les commandes du lecteur ne sont pas affichées

‘controls = 1’ signifie que les commandes du lecteur sont affichées

2. Paramètre de marque modeste

Le paramètre modestbranding est responsable de l’affichage de tout type de branding. Dans ce cas, vous pouvez masquer le bouton de lecture et le logo de marque présents sur les vidéos Youtube. Ajoutez « modestbranding = 1 » au code iframe pour supprimer la marque.

3. Paramètre de boucle

Si vous voulez boucler votre vidéo pour toujours, vous devez utiliser le paramètre loop. ‘loop = 1’ signifie que la vidéo sera en boucle, tandis que ‘loop = 0’ signifie que la vidéo ne sera lue qu’une seule fois, ce qui est également le mode par défaut.

4. Paramètre de lecture automatique de la vidéo YouTube

Vous pouvez faire en sorte qu’une vidéo intégrée démarre automatiquement sur votre page Web à l’aide du paramètre de lecture automatique. L’ajout de « autoplay = 1 » au code d’intégration fera que la vidéo sera lue automatiquement.

5. Paramètre de silence

Si vous utilisez le paramètre de lecture automatique ou de boucle, vous pouvez également envisager d’ajouter le paramètre de sourdine, car une vidéo qui démarre automatiquement ou ne se termine jamais peut ennuyer votre visiteur et l’amener à quitter votre site Web prématurément. ‘mute = 1’ signifie que la vidéo sera lue en silence.

REMARQUE: Pour utiliser l’un des paramètres, ajoutez ceux que vous souhaitez au code d’intégration vidéo, juste après l’identifiant de la vidéo à l’aide de ‘&’. (par exemple https://www.youtube.com/watch?v=5cWa4tbSmp& modestbranding = 1 & loop = 1 ”

FAQ sur la façon d’intégrer une vidéo YouTube en HTML

Comment faire en sorte qu’une vidéo intégrée soit lue automatiquement ?

Vous pouvez faire une lecture vidéo intégrée automatiquement en ajoutant & ‘autoplay = 1 ′ au code d’intégration des vidéos après l’identification de la vidéo.

Comment puis-je démarrer une vidéo intégrée à un certain moment ?

Si vous souhaitez démarrer votre vidéo à une certaine heure, ajoutez simplement l’heure à laquelle vous souhaitez qu’elle démarre à côté de la case “Démarrer à” qui apparaîtra lorsque vous ouvrez le code d’intégration sur YouTube ou ajoutez ‘? Start = (time)’ au code d’intégration de la vidéo.

Comment puis-je créer une boucle vidéo intégrée mais en sourdine ?

Pour créer une boucle vidéo intégrée et jouer en mode silencieux, ajoutez ‘& loop = 1 & mute = 1 ″ au code d’intégration YouTube.

Comment désactiver l’insertion de ma vidéo ?

Si vous ne souhaitez pas que votre vidéo soit potentiellement intégrée sur des sites externes, vous pouvez désactiver l’intégration. Connectez-vous à YouTube Studio, sélectionnez “Vidéos” dans le menu de gauche, puis sélectionnez les détails de la vidéo que vous souhaitez gérer. Allez dans “Plus d’options” et décochez la case “Autoriser l’intégration”. Enregistrez les modifications que vous avez apportées.

Qu’est-ce que le mode de confidentialité amélioré ?

Le mode de confidentialité amélioré vous permet d’intégrer des vidéos sans utiliser de cookies pour surveiller le comportement de visualisation. Si vous ne souhaitez pas que YouTube collecte des informations auprès des visiteurs de votre site Web, veuillez activer le mode de confidentialité amélioré en cochant la case située sous le lien d’intégration de la vidéo YouTube.

Conclusion sur la façon d’intégrer une vidéo YouTube en HTML

Dans cet article, nous expliquons pourquoi l’utilisation d’une vidéo YouTube sur votre site Web ou votre article de blog peut être bénéfique et expliquons comment intégrer une vidéo YouTube avec le code d’intégration fourni par YouTube en HTML. De plus, nous détaillons l’utilisation des paramètres, leurs fonctions et comment l’ajout de paramètres peut personnaliser l’expérience de lecture vidéo sur votre site Web en fonction de vos besoins.

Si vous avez aimé cette vidéo sur la façon d’intégrer une vidéo YouTube en HTML, vous pouvez également être intéressé par nos autres articles sur YouTube tels que comment créer un GIF à partir d’une vidéo YouTube.