{"id":1888,"date":"2022-10-15T18:02:51","date_gmt":"2022-10-15T18:02:51","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2022\/10\/15\/6448859-hostinger-createur-de-site-web-comment-ajouter-des-videos\/"},"modified":"2025-08-26T21:08:38","modified_gmt":"2025-08-26T21:08:38","slug":"6448859-hostinger-createur-de-site-web-comment-ajouter-des-videos","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6448859-hostinger-createur-de-site-web-comment-ajouter-des-videos\/","title":{"rendered":"Hostinger Cr\u00e9ateur de Site Web : Comment Ajouter des Vid\u00e9os"},"content":{"rendered":"<p class=\"no-margin\">Il existe plusieurs fa&ccedil;ons d&rsquo;ajouter des vid&eacute;os &agrave; votre site web &#128071; <\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_e20dc580f1\">Ajouter des vid&eacute;os YouTube ou Vimeo<\/h1><p class=\"no-margin\">Dans l&rsquo;&eacute;diteur, d&eacute;veloppez le panneau <b>Ajouter un &eacute;l&eacute;ment<\/b> sur la gauche. S&eacute;lectionnez l&rsquo;&eacute;l&eacute;ment <b>vid&eacute;o<\/b>, puis faites-le glisser et d&eacute;posez-le n&rsquo;importe o&ugrave; sur votre site web :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/9b232634-fb6a-4185-b1bf-ec1e92669e6d.jpg\"><\/div><p class=\"no-margin\">Cliquez sur l&rsquo;&eacute;l&eacute;ment pour voir plus d&rsquo;options (modifier, dupliquer, supprimer, redimensionner) :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/21fa133e-01d4-4519-adcf-4ab25a2ff8ae.jpg\"><\/div><p class=\"no-margin\">Cliquez sur <b>Modifier la vid&eacute;o<\/b> pour apporter d&rsquo;autres modifications :<\/p><ul>\n<li>\n<p class=\"no-margin\"><b>Ajoutez le lien de la vid&eacute;o<\/b> : pour le moment, l&rsquo;&eacute;l&eacute;ment vid&eacute;o prend en charge les vid&eacute;os <b><a href=\"https:\/\/www.youtube.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">YouTube <\/a><\/b>et <b><a href=\"https:\/\/vimeo.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Vimeo<\/a><\/b>. Votre vid&eacute;o doit donc &ecirc;tre t&eacute;l&eacute;vers&eacute;e en premier lieu sur l&rsquo;une de ces plateformes.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Basculer d&rsquo;autres param&egrave;tres<\/b> : lecture automatique, boucle, affichage des contr&ocirc;les vid&eacute;o.<\/p>\n<p class=\"no-margin\">\n<\/p><\/li>\n<\/ul><h1 id=\"h_511c634fa8\">Ajouter des vid&eacute;os Facebook<\/h1><p class=\"no-margin\">Vous pouvez facilement int&eacute;grer toute vid&eacute;o Facebook partag&eacute;e publiquement dans votre site web !<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Copiez l&rsquo;URL de la vid&eacute;o Facebook s&eacute;lectionn&eacute;e :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/63c736e6-3924-492a-a7a5-ac27caef9164.jpg\"><\/div><p class=\"no-margin\">2. Ouvrez le <b><a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/embedded-video-player#configurator\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">configurateur de code<\/a><\/b> de Facebook et collez-y le lien. Vous pouvez &eacute;galement indiquer la largeur pr&eacute;f&eacute;r&eacute;e de la vid&eacute;o en pixels. Une fois que vous avez fait cela, cliquez sur <b>Obtenir le code<\/b> :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/c6a9ec9c-cc7e-4248-ac43-f8c7e48d52d8.jpg\"><\/div><p class=\"no-margin\">3. Copiez le code <b>IFrame <\/b>de la vid&eacute;o :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/6c95c773-05ec-49f2-875a-70bf3b9c66ab.jpg\"><\/div><p class=\"no-margin\">4. Dans l&rsquo;&eacute;diteur de votre site web, ajoutez un <b><a href=\"\/fr\/support\/6463152-createur-de-site-web-comment-incorporer-un-code-personnalise\" target=\"_blank\" class=\"intercom-content-link\">&eacute;l&eacute;ment de code incorpor&eacute;<\/a><\/b> n&rsquo;importe o&ugrave; sur votre site, et ins&eacute;rez le code :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/afa88c24-0ef7-42e1-8c57-ba0a2c3a1d1a.jpg\"><\/div><p class=\"no-margin\">5. <b><a href=\"\/fr\/support\/6435697-createur-de-site-web-comment-mettre-a-jour-un-site-web\" target=\"_blank\" class=\"intercom-content-link\">Mettez &agrave; jour<\/a><\/b> votre site web et v&eacute;rifiez &agrave; quoi il ressemble en ligne !<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_e8b0ce16a2\">T&eacute;l&eacute;verser des vid&eacute;os &agrave; partir d&rsquo;un appareil local<\/h1><p class=\"no-margin\">Pour t&eacute;l&eacute;verser une vid&eacute;o depuis votre ordinateur, vous devez d&rsquo;abord t&eacute;l&eacute;verser le fichier vid&eacute;o sur un stockage de fichiers en cloud, par exemple Google Drive. De cette fa&ccedil;on, un code iFrame sp&eacute;cial de votre fichier est cr&eacute;&eacute;. Pour afficher la vid&eacute;o sur votre site web, il vous suffit de coller le code iframe dans l&rsquo;&eacute;l&eacute;ment de code incorpor&eacute; &#128071;<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. T&eacute;l&eacute;versez votre vid&eacute;o sur <b><a href=\"https:\/\/www.google.com\/drive\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google Drive<\/a><\/b> ou tout autre syst&egrave;me de stockage de fichiers en cloud.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Obtenez un code iframe de cette vid&eacute;o. Si vous utilisez Google Drive, suivez <b><a href=\"https:\/\/www.youtube.com\/watch?v=z6ElW8kKDEU\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">ces instructions<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">3. Dans un nouvel onglet, ouvrez l&rsquo;&eacute;diteur de votre site web. Ajoutez <b><a href=\"\/fr\/support\/6463152-createur-de-site-web-comment-incorporer-un-code-personnalise\" target=\"_blank\" class=\"intercom-content-link\">un &eacute;l&eacute;ment de code incorpor&eacute;<\/a><\/b> n&rsquo;importe o&ugrave; sur votre site, et ins&eacute;rez le code iFrame de la vid&eacute;o.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">4. <b><a href=\"\/fr\/support\/6435697-createur-de-site-web-comment-mettre-a-jour-un-site-web\" target=\"_blank\" class=\"intercom-content-link\">Mettez &agrave; jour<\/a><\/b> votre site web et v&eacute;rifiez &agrave; quoi il ressemble en ligne !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez comment ajouter des vid\u00e9os \u00e0 votre site web<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[255],"tags":[],"class_list":["post-1888","post","type-post","status-publish","format-standard","hentry","category-les-elements-du-site-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6448859-hostinger-website-builder-how-to-add-videos\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6448859-hostinger-creador-de-sitios-web-como-agregar-videos\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6448859-hostinger-createur-de-site-web-comment-ajouter-des-videos\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6448859-hostinger-website-builder-cara-menambahkan-video\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6448859-hostinger-svetainiu-kurimo-irankis-kaip-prideti-vaizdo-irasu\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6448859-hostinger-criador-de-sites-como-adicionar-videos\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6448859-hostinger-----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/comments?post=1888"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1888\/revisions"}],"predecessor-version":[{"id":3089,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1888\/revisions\/3089"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}