{"id":1852,"date":"2026-06-12T12:09:49","date_gmt":"2026-06-12T10:09:49","guid":{"rendered":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1852"},"modified":"2026-06-12T12:09:49","modified_gmt":"2026-06-12T10:09:49","slug":"ajouter-une-video-sur-wordpress","status":"publish","type":"post","link":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1852","title":{"rendered":"Ajouter une vid\u00e9o sur WordPress"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_33_48-1024x495.png\" alt=\"\" class=\"wp-image-1854\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_33_48-1024x495.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_33_48-300x145.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_33_48-768x371.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_33_48-1536x742.png 1536w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_33_48-850x411.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_33_48.png 1804w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Pr\u00e9sentation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;ajout d&rsquo;une vid\u00e9o est un excellent moyen de rendre un site plus dynamique et plus engageant. Qu&rsquo;il s&rsquo;agisse d&rsquo;une pr\u00e9sentation de projet, d&rsquo;un tutoriel, d&rsquo;une interview ou d&rsquo;un \u00e9v\u00e9nement, la vid\u00e9o permet de transmettre une information de mani\u00e8re plus visuelle et interactive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress facilite grandement cette int\u00e9gration puisqu&rsquo;il suffit g\u00e9n\u00e9ralement de quelques clics pour afficher une vid\u00e9o provenant de YouTube directement sur une page ou un article.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Comment ajouter une vid\u00e9o sur WordPress en 2 clics ?\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/iVk5eSaPQh4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h1 class=\"wp-block-heading has-medium-font-size\"><strong>Premi\u00e8re \u00e9tape : Copier le lien de la vid\u00e9o<\/strong><\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Avant de pouvoir int\u00e9grer une vid\u00e9o sur WordPress, il est n\u00e9cessaire de r\u00e9cup\u00e9rer son lien. Pour cela, il suffit de se rendre sur YouTube puis de copier l&rsquo;adresse de la vid\u00e9o souhait\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette m\u00e9thode est particuli\u00e8rement pratique puisqu&rsquo;elle \u00e9vite de t\u00e9l\u00e9charger le fichier vid\u00e9o sur son ordinateur et permet de profiter directement de l&rsquo;h\u00e9bergement propos\u00e9 par YouTube.<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-medium-font-size\"><strong>Deuxi\u00e8me \u00e9tape : Ajouter le bloc Vid\u00e9o ou YouTube dans WordPress<\/strong><\/h1>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"596\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_44_56-1024x596.png\" alt=\"\" class=\"wp-image-1855\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_44_56-1024x596.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_44_56-300x175.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_44_56-768x447.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_44_56-1536x894.png 1536w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_44_56-850x495.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_44_56.png 1644w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-cyan-blue-color\">Ajouter le bloc Vid\u00e9o ou YouTube<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois dans l&rsquo;\u00e9diteur WordPress, il suffit d&rsquo;ajouter un nouveau bloc puis de rechercher le bloc <strong>YouTube<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce bloc est sp\u00e9cialement con\u00e7u pour accueillir les vid\u00e9os provenant de la plateforme et simplifie consid\u00e9rablement leur int\u00e9gration.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;utilisation du bloc d\u00e9di\u00e9 permet d&rsquo;obtenir un affichage propre et compatible avec la plupart des th\u00e8mes WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-medium-font-size\">Troisi\u00e8me \u00e9tape : Coller le lien de la vid\u00e9o<\/h1>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"562\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_50_32-1024x562.png\" alt=\"\" class=\"wp-image-1856\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_50_32-1024x562.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_50_32-300x165.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_50_32-768x421.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_50_32-1536x843.png 1536w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_50_32-850x466.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_50_32.png 1693w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-cyan-blue-color\">Coller le lien<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Apr\u00e8s avoir ajout\u00e9 le bloc, il suffit de coller l&rsquo;adresse de la vid\u00e9o pr\u00e9c\u00e9demment copi\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress r\u00e9cup\u00e8re automatiquement le contenu associ\u00e9 et g\u00e9n\u00e8re l&rsquo;aper\u00e7u de la vid\u00e9o directement dans la page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette op\u00e9ration ne prend g\u00e9n\u00e9ralement que quelques secondes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-medium-font-size\">Quatri\u00e8me \u00e9tape : V\u00e9rifier l&rsquo;affichage de la vid\u00e9o<\/h1>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_57_45-1024x532.png\" alt=\"\" class=\"wp-image-1857\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_57_45-1024x532.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_57_45-300x156.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_57_45-768x399.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_57_45-1536x798.png 1536w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_57_45-850x442.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-11_57_45.png 1740w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-cyan-blue-color\">Affichage de la vid\u00e9o<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois la vid\u00e9o affich\u00e9e dans l&rsquo;\u00e9diteur, il est recommand\u00e9 de pr\u00e9visualiser la page afin de v\u00e9rifier son rendu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette v\u00e9rification permet notamment de s&rsquo;assurer que la vid\u00e9o est correctement dimensionn\u00e9e et qu&rsquo;elle reste agr\u00e9able \u00e0 consulter sur ordinateur comme sur mobile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une int\u00e9gration bien r\u00e9alis\u00e9e am\u00e9liore l&rsquo;exp\u00e9rience utilisateur tout en valorisant davantage le contenu pr\u00e9sent\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-medium-font-size\"><strong>Bonnes pratiques<\/strong>D<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019int\u00e9gration de vid\u00e9os est un excellent moyen de rendre une page plus vivante et plus engageante. Toutefois, il est pr\u00e9f\u00e9rable de s\u00e9lectionner uniquement des vid\u00e9os qui apportent une r\u00e9elle valeur ajout\u00e9e au contenu pr\u00e9sent\u00e9. Une vid\u00e9o bien choisie peut aider \u00e0 illustrer une explication, pr\u00e9senter un projet ou rendre une information plus facile \u00e0 comprendre pour les visiteurs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il est \u00e9galement conseill\u00e9 d\u2019\u00e9viter d\u2019accumuler un trop grand nombre de vid\u00e9os sur une m\u00eame page. M\u00eame si cela peut sembler attractif, une page trop charg\u00e9e risque de devenir moins agr\u00e9able \u00e0 consulter et peut ralentir son affichage. Dans la plupart des cas, une ou deux vid\u00e9os pertinentes suffisent largement \u00e0 enrichir le contenu sans nuire \u00e0 la navigation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pensez aussi \u00e0 <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">privil\u00e9gier des vid\u00e9os de bonne qualit\u00e9<\/mark>, avec une image nette et un son clair. Une vid\u00e9o bien pr\u00e9sent\u00e9e renforce la cr\u00e9dibilit\u00e9 du site et offre une meilleure exp\u00e9rience aux utilisateurs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enfin, <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">prenez le temps de r\u00e9fl\u00e9chir \u00e0 l\u2019emplacement de la vid\u00e9o dans votre page<\/mark>. Plac\u00e9e au bon endroit, elle accompagne naturellement la lecture et compl\u00e8te les informations propos\u00e9es. L\u2019objectif est qu\u2019elle s\u2019int\u00e8gre harmonieusement au reste du contenu et qu\u2019elle soit facilement rep\u00e9rable par les visiteurs, aussi bien sur ordinateur que sur smartphone.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"614\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-12_02_42-1024x614.png\" alt=\"\" class=\"wp-image-1858\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-12_02_42-1024x614.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-12_02_42-300x180.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-12_02_42-768x460.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-12_02_42-1536x921.png 1536w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-12_02_42-850x509.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-12-juin-2026-12_02_42.png 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Pr\u00e9sentation L&rsquo;ajout d&rsquo;une vid\u00e9o est un excellent moyen de rendre un site plus dynamique et plus engageant. Qu&rsquo;il s&rsquo;agisse d&rsquo;une pr\u00e9sentation de projet, d&rsquo;un tutoriel, d&rsquo;une interview ou d&rsquo;un \u00e9v\u00e9nement, la vid\u00e9o permet de transmettre une information de mani\u00e8re plus visuelle et interactive. WordPress facilite grandement cette int\u00e9gration puisqu&rsquo;il suffit g\u00e9n\u00e9ralement de quelques clics pour&#8230;<\/p>\n","protected":false},"author":4,"featured_media":1859,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[257,259],"tags":[],"class_list":["post-1852","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ajout-fonctionnalites","category-tutoriels"],"_links":{"self":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1852"}],"version-history":[{"count":1,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1852\/revisions"}],"predecessor-version":[{"id":1860,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1852\/revisions\/1860"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/media\/1859"}],"wp:attachment":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1852"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}