{"id":368287,"date":"2023-05-16T16:18:00","date_gmt":"2023-05-16T13:18:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368287"},"modified":"2023-05-16T16:18:19","modified_gmt":"2023-05-16T13:18:19","slug":"comment-integrer-une-video-youtube-dans-wordpress-avec-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-integrer-une-video-youtube-dans-wordpress-avec-gutenberg\/","title":{"rendered":"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg"},"content":{"rendered":"\n<p>Quelle que soit la raison pour laquelle vous g\u00e9rez un site Web, vous appr\u00e9cierez naturellement que votre public soit plus engag\u00e9, car son engagement peut vous apporter de nombreux avantages. <strong>L&rsquo;un des moyens les meilleurs et les plus naturels d&rsquo;inciter les visiteurs de votre site \u00e0 rester plus longtemps sur une certaine page et \u00e0 interagir est d&rsquo;avoir des vid\u00e9os de qualit\u00e9 affich\u00e9es sur des pages strat\u00e9giquement choisies<\/strong>. Beaucoup choisissent d&rsquo;int\u00e9grer des vid\u00e9os sur leur page d&rsquo;accueil ou de <a href=\"https:\/\/themewp.inform.click\/fr\/5-plugins-darriere-plan-video-wordpress-pour-2022\/\" title=\"d\u00e9finir une vid\u00e9o en arri\u00e8re\">d\u00e9finir une vid\u00e9o en arri\u00e8re<\/a> -plan et ce n&rsquo;est pas sans raison. Les supports m\u00e9diatiques amusants, \u00e9ducatifs, inspirants, informatifs ou p\u00e9dagogiques ont un impact \u00e9norme sur l&rsquo;image de votre site Web et peuvent m\u00eame influencer vos taux de conversion.<\/p>\n<p>Si vous vous demandez maintenant o\u00f9 obtenir ce type de vid\u00e9os sur votre propre site Web, la r\u00e9ponse est simple: vous pouvez <strong>int\u00e9grer des vid\u00e9os YouTube ou t\u00e9l\u00e9charger les v\u00f4tres<\/strong>. Et, quel que soit votre choix, ajouter une vid\u00e9o \u00e0 WordPress est simple et ne n\u00e9cessite aucune connaissance en codage. Dans cet article, nous allons vous montrer, \u00e9tape par \u00e9tape, comment ajouter des vid\u00e9os de trois mani\u00e8res diff\u00e9rentes :<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/7ZrpyV8dcIw\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Int\u00e9gration d&rsquo;une vid\u00e9o YouTube dans l&rsquo;\u00e9diteur classique<\/h2>\n<p>Voici les \u00e9tapes de la mani\u00e8re la plus simple d&rsquo;int\u00e9grer une vid\u00e9o \u00e0 partir de YouTube\u00a0:<\/p>\n<ol>\n<li>Tout d&rsquo;abord, connectez-vous \u00e0 votre WordPress. Ensuite, acc\u00e9dez \u00e0 la page\/publication \u00e0 laquelle vous souhaitez ajouter une vid\u00e9o et <strong>trouvez un endroit o\u00f9 vous souhaitez l&rsquo;ajouter<\/strong> dans votre contenu.<\/li>\n<li>Allez sur YouTube, trouvez la vid\u00e9o que vous souhaitez ajouter et <strong>utilisez l&rsquo;URL compl\u00e8te<\/strong> dans la barre d&rsquo;adresse de votre navigateur\u00a0:<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bbf3c3c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bbf3c3c.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><\/p>\n<p>L&rsquo;autre fa\u00e7on de copier votre URL est de s\u00e9lectionner l&rsquo;option Partager ci-dessous. Ensuite, cliquez simplement sur le bouton Copier et vous avez r\u00e9ussi \u00e0 copier l&rsquo;URL de la vid\u00e9o.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bfd9576.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bfd9576.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><\/p>\n<p>Nous devons noter qu&rsquo;il existe une option g\u00e9niale qui vous permet de <strong>configurer votre vid\u00e9o pour qu&rsquo;elle commence \u00e0 un certain point<\/strong>. Cochez simplement la case Commencer \u00e0 et ajoutez l&rsquo;heure \u00e0 laquelle vous voulez que votre vid\u00e9o commence.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c2a22ed.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c2a22ed.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><\/p>\n<ol start=\"3\">\n<li>Maintenant, revenez \u00e0 votre page\/publication et <strong>collez simplement l&rsquo;adresse URL<\/strong> (un paragraphe vide est un excellent endroit pour le faire), et l&rsquo;aper\u00e7u de la vid\u00e9o appara\u00eetra. Comme \u00e7a:<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c4c28aa.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c4c28aa.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><\/p>\n<ol start=\"4\">\n<li>Maintenant, il ne vous reste plus qu&rsquo;\u00e0 cliquer sur le bouton Mettre \u00e0 jour, et votre <strong>vid\u00e9o est enfin en ligne<\/strong> et appara\u00eetra sur votre page ou votre message.<\/li>\n<\/ol>\n<p>Si vous avez besoin <strong>d&rsquo;options plus avanc\u00e9es<\/strong>, comme modifier la taille d&rsquo;affichage de votre vid\u00e9o, voici une autre fa\u00e7on de l&rsquo;ajouter\u00a0:<\/p>\n<ol>\n<li>S\u00e9lectionnez le bouton Partager situ\u00e9 sous votre vid\u00e9o. Cela fera appara\u00eetre l&rsquo;option YouTube Embed.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c6ef6a1.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c6ef6a1.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c999981.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c999981.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><\/p>\n<ol start=\"3\">\n<li>Collez-le ici (assurez-vous d&rsquo;utiliser le mode d&rsquo;\u00e9dition de texte) :<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62cc45630.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62cc45630.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><\/p>\n<ol start=\"4\">\n<li>Appuyez sur le bouton Mettre \u00e0 jour, et c&rsquo;est tout\u00a0! Vous pouvez maintenant <strong>modifier la largeur et la hauteur de la vid\u00e9o<\/strong>. Vous pouvez le trouver dans le code HTML que vous avez copi\u00e9.<\/li>\n<\/ol>\n<h2>Int\u00e9grer une vid\u00e9o YouTube dans Gutenberg<\/h2>\n<p>L&rsquo;\u00e9diteur Gutenberg est livr\u00e9 avec des blocs d&rsquo;int\u00e9gration qui vous permettent d&rsquo;ins\u00e9rer du contenu provenant d&rsquo;autres sources, y compris des vid\u00e9os. Il existe \u00e9galement un <strong>bloc sp\u00e9cifique pour les vid\u00e9os YouTube<\/strong>, que vous pouvez trouver dans votre liste de blocs Gutenberg.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62ce55d4d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62ce55d4d.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><\/p>\n<p>Il faut savoir que <strong>le bloc YouTube permet uniquement d&rsquo;ins\u00e9rer l&rsquo;URL de la vid\u00e9o<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d09aeac.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d09aeac.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d3a5299.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d3a5299.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><\/p>\n<h2>Int\u00e9grer une vid\u00e9o YouTube dans Elementor<\/h2>\n<p>Elementor vous propose <strong>deux fa\u00e7ons diff\u00e9rentes d&rsquo;ajouter une vid\u00e9o<\/strong>. L&rsquo;une consiste \u00e0 utiliser le <strong>bloc \u00e9diteur de texte<\/strong> et l&rsquo;autre \u00e0 utiliser le <strong>bloc vid\u00e9o<\/strong>, qui est sp\u00e9cialement con\u00e7u \u00e0 cet effet et est donc plus appropri\u00e9 pour les vid\u00e9os YouTube, mais les deux m\u00e9thodes vous permettent d&rsquo;int\u00e9grer des vid\u00e9os \u00e0 votre page.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d61e376.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d61e376.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><\/p>\n<p>Apr\u00e8s avoir cliqu\u00e9 sur Modifier avec Elementor, choisissez le bloc \u00c9diteur de texte, puis faites-le glisser et d\u00e9posez-le dans la zone de contenu. Ensuite, acc\u00e9dez \u00e0 la vid\u00e9o que vous souhaitez ajouter et <strong>copiez l&rsquo;URL compl\u00e8te dans la barre d&rsquo;adresse de votre navigateur<\/strong>, et vous avez pratiquement termin\u00e9.<\/p>\n<p>Une autre fa\u00e7on d&rsquo;ajouter une vid\u00e9o avec Text Editor consiste \u00e0 s\u00e9lectionner l&rsquo;option d&rsquo;int\u00e9gration et \u00e0 cliquer sur le bouton Copier, et vous avez r\u00e9ussi \u00e0 copier l&rsquo;URL de la vid\u00e9o. Fondamentalement, <strong>vous ajoutez une vid\u00e9o \u00e0 l&rsquo;aide de l&rsquo;\u00e9diteur de texte Elementor de la m\u00eame mani\u00e8re que vous ajoutez une vid\u00e9o avec l&rsquo;\u00e9diteur classique<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d90bab4.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d90bab4.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><\/p>\n<p>Si vous choisissez d&rsquo;utiliser le bloc Vid\u00e9o qui <strong>vous permet \u00e9galement d&rsquo;ajouter des vid\u00e9os de Vimeo, dailymotion ou m\u00eame des vid\u00e9os auto-h\u00e9berg\u00e9es<\/strong>, vous trouverez \u00e9galement quelques options plus pratiques pour lire la vid\u00e9o.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62db328fd.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62db328fd.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><\/p>\n<p>Vous commencez par choisir l&rsquo;option Modifier avec Elementor, puis vous s\u00e9lectionnez le bloc Vid\u00e9o et faites-le glisser et d\u00e9posez-le dans la zone de contenu. Dans le menu de gauche, vous verrez deux onglets, choisissez l&rsquo;onglet contenu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62dd44931.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62dd44931.jpg\" alt=\"Comment int\u00e9grer une vid\u00e9o YouTube dans WordPress avec Gutenberg\"><\/a><\/p>\n<p>Maintenant, vous verrez plusieurs options, vous <strong>choisissez d&rsquo;abord la source de la vid\u00e9o, dans ce cas allons-y avec YouTube<\/strong>.<\/p>\n<p>Acc\u00e9dez ensuite \u00e0 la page contenant la vid\u00e9o que vous souhaitez int\u00e9grer et copiez l&rsquo;URL de la vid\u00e9o dans la zone Lien. Vous pourrez imm\u00e9diatement voir si vous avez choisi la bonne vid\u00e9o.<\/p>\n<p>En gros, \u00e7a y est, vous avez maintenant ajout\u00e9 la vid\u00e9o et vous pouvez <strong>continuer \u00e0 d\u00e9finir des options plus avanc\u00e9es<\/strong>.<\/p>\n<p>L&rsquo; option <strong>Autoplay<\/strong> est \u00e0 votre disposition, si vous la choisissez, votre vid\u00e9o commencera \u00e0 jouer automatiquement au moment o\u00f9 votre page sera charg\u00e9e.<\/p>\n<p>L&rsquo; option <strong>Contr\u00f4le de lecture<\/strong> qui suit indique si vous souhaitez ou non que les boutons de contr\u00f4le (Lecture et Pause) soient visibles sur votre vid\u00e9o. Sinon, s\u00e9lectionnez Masquer dans ce champ.<\/p>\n<p>Une autre fonctionnalit\u00e9 int\u00e9ressante est la <strong>superposition d&rsquo;images<\/strong>, qui est id\u00e9ale si vous souhaitez personnaliser au maximum l&rsquo;apparence de votre vid\u00e9o et \u00e9viter l&rsquo;image par d\u00e9faut qui s&rsquo;affiche au d\u00e9but. Cliquez simplement sur l&rsquo;option Superposition d&rsquo;image, puis choisissez l&rsquo;option Afficher, puis s\u00e9lectionnez une image dans votre biblioth\u00e8que multim\u00e9dia et l&rsquo;image s\u00e9lectionn\u00e9e appara\u00eetra au-dessus de votre vid\u00e9o.<\/p>\n<p>Maintenant que vous connaissez les bases de l&rsquo;ajout de vid\u00e9os et de publications YouTube dans votre page WordPress, vous pouvez pimenter votre site Web et profiter des avantages d&rsquo;un contenu vid\u00e9o de qualit\u00e9 judicieusement choisi. Au cas o\u00f9 vous vous demanderiez s&rsquo;il y a plus que vous pouvez faire avec des vid\u00e9os sur votre site Web, vous avez raison. Il existe de nombreux <a href=\"https:\/\/themewp.inform.click\/fr\/5-plugins-youtube-wordpress-parfaits-pour-limage-2022\/\" title=\"plugins WordPress YouTube\">plugins WordPress YouTube<\/a> qui offrent des options plus avanc\u00e9es telles que la cr\u00e9ation de listes de lecture, le style de leur apparence et plus encore. Mais, quelle que soit la mani\u00e8re dont vous choisissez d&rsquo;ajouter des m\u00e9dias sur votre site Web, une chose est s\u00fbre\u00a0: les vid\u00e9os rendent votre contenu plus dynamique, attrayant et informatif.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il existe plusieurs fa\u00e7ons d&rsquo;int\u00e9grer une vid\u00e9o YouTube dans WordPress &#8211; \u00e0 la fois dans l&rsquo;\u00e9diteur classique et dans Gutenberg. Cette fois-ci, nous avons d\u00e9cid\u00e9 de tous les montrer.<\/p>\n","protected":false},"author":1,"featured_media":364064,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[629,568,423],"tags":[844],"class_list":["post-368287","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloguer","category-les-bases-de-wordpress","category-plugins-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/368287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=368287"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/368287\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/364064"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=368287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=368287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=368287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}