{"id":47642,"date":"2021-05-19T10:50:06","date_gmt":"2021-05-19T08:50:06","guid":{"rendered":"https:\/\/www.codeur.com\/blog\/?p=47642"},"modified":"2025-09-11T15:38:26","modified_gmt":"2025-09-11T13:38:26","slug":"optimisation-video-web","status":"publish","type":"post","link":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/","title":{"rendered":"7 astuces pour optimiser vos vid\u00e9os pour le web"},"content":{"rendered":"

Les vid\u00e9os sont efficaces pour g\u00e9n\u00e9rer des ventes et du trafic, et vous devriez les utiliser dans le d\u00e9veloppement de vos sites Web. Le contenu textuel est important, mais les \u00e9l\u00e9ments visuels, comme une vid\u00e9o d’introduction sur votre page d’accueil, donnent vie \u00e0 votre site Web. En 2019, 87% des entreprises ont utilis\u00e9 la vid\u00e9o comme outil de marketing. Et selon cette \u00e9tude, 83% des marketeurs ont confirm\u00e9 que la vid\u00e9o leur apporte un bon ROI.
\nMais ces avantages s’accompagnent de d\u00e9fis\u2026 L’ajout de vid\u00e9os sur votre site web peut parfois \u00eatre une arme \u00e0 double tranchant. Les internautes adorent les vid\u00e9os haute r\u00e9solution, mais si votre site web n’est pas optimis\u00e9 pour les g\u00e9rer, ce type de contenu peut entra\u00eener des probl\u00e8mes de performances. Des performances amoindries signifient un plus fort taux de rebond, et une chute du taux de conversion, or c\u2019est l\u2019inverse que nous voulons.
\nNous allons donc voir comment optimiser votre site pour qu\u2019il accueille des vid\u00e9os, et bien s\u00fbr comment optimiser vos vid\u00e9os elles-m\u00eames.<\/p>\n

Optimiser vos vid\u00e9os pour le web<\/h2>\n

1. Compresser vos vid\u00e9os<\/h3>\n

\u00c7a alors, c\u2019est pas idiot\u00a0! Merci de m\u2019avoir lu, merci bonsoir\u00a0! Non, je plaisante. Mais on a \u00e9voqu\u00e9 le sujet dans cet article<\/a>. Je vous le conseille donc fortement.<\/p>\n

2. Supprimer l’audio des vid\u00e9os qui n\u2019en ont pas<\/h3>\n

C\u2019est bien de compresser vos vid\u00e9os, mais si vous avez une vid\u00e9o dont le son est coup\u00e9, vous pouvez supprimer les donn\u00e9es audio du fichier pour all\u00e9ger la taille de votre vid\u00e9o.
\nSi vous avez r\u00e9alis\u00e9 la vid\u00e9o vous-m\u00eame, il est possible d’omettre l’audio lors de l’exportation du fichier. Sinon, vous devrez utiliser un logiciel d\u2019\u00e9dition<\/a>.<\/p>\n

3. Utilisez le HTML 5<\/h3>\n

Au d\u00e9but, les vid\u00e9os \u00e9taient ajout\u00e9es \u00e0 un site web en int\u00e9grant des lecteurs vid\u00e9o comme Windows Media Player ou RealPlayer. Ces derniers n\u00e9cessitaient des plugins de navigateur et des codecs personnalis\u00e9s. Ensuite on utilisait Quicktime (ou Flash), mais cela ralentissait les navigateurs et nous mettait m\u00eame en danger niveau s\u00e9curit\u00e9.
\nDepuis que nous avons le HTML5 il n’est plus n\u00e9cessaire de compter sur des plugins tiers. Non seulement vous pouvez encoder des vid\u00e9os tr\u00e8s facilement, mais la qualit\u00e9 du m\u00e9dia est enrichie.
\nUn convertisseur vid\u00e9o HTML5 ou un encodeur vid\u00e9o HTML5 permet aux d\u00e9veloppeurs de t\u00e9l\u00e9charger une vid\u00e9o dans le format retenu.
\n\"Utilisez<\/p>\n

4. Streamez depuis votre serveur<\/h3>\n

\u00c0 l’\u00e2ge de pierre de l’internet, les fichiers vid\u00e9o devaient \u00eatre enti\u00e8rement t\u00e9l\u00e9charg\u00e9s sur l’appareil de l’utilisateur avant de pouvoir \u00eatre visionn\u00e9s.
\nAujourd’hui, le streaming<\/a> permet de diffuser des vid\u00e9os petit \u00e0 petit, qui sont pr\u00eats \u00e0 \u00eatre lus dans le navigateur de l’utilisateur. L’option la plus facile consiste \u00e0 int\u00e9grer un lecteur YouTube ou Vimeo<\/a>. Ils fonctionnent bien, mais si vous souhaitez un meilleur contr\u00f4le du lecteur vid\u00e9o de votre site web, et comme on l\u2019a vu plus haut, il est pr\u00e9f\u00e9rable d\u2019h\u00e9berger soit m\u00eame la vid\u00e9o et de la servir de la mani\u00e8re souhait\u00e9e \u00e0 vos visiteurs.
\nMieux, utilisez un CDN gratuit<\/a>\u00a0: c\u2019est un r\u00e9seau de serveurs qui stockent des copies en cache de certains fichiers de votre site. En plus d’am\u00e9liorer la redondance, les CDN assurent une diffusion plus rapide du contenu, car celui-ci est servi \u00e0 partir du serveur le plus proche de la requ\u00eate. L’utilisation d’un CDN peut am\u00e9liorer consid\u00e9rablement les performances globales de votre site web.
\n\"Streamez<\/p>\n

Optimiser les pages sur lesquelles se trouvent vos vid\u00e9os<\/h2>\n

L\u2019optimisation de vos vid\u00e9os est d\u00e9j\u00e0 un bon d\u00e9but. Mais pour garantir une exp\u00e9rience utilisateur fluide, votre site doit \u00eatre optimis\u00e9 pour prendre en charge des vid\u00e9os de haute qualit\u00e9.<\/p>\n

5. Pr\u00e9cisez la taille de la vid\u00e9o<\/h3>\n

Dans votre HTML (ou CSS), d\u00e9finissez la largeur et la hauteur des vid\u00e9os afin que le navigateur puisse allouer la bande passante n\u00e9cessaire sans travail suppl\u00e9mentaire.<\/p>\n

6. Reportez le chargement des vid\u00e9os<\/h3>\n

Si vous avez une vid\u00e9o qui se lance automatiquement lorsqu’on arrive sur une page, reportez son chargement jusqu’\u00e0 ce que le chargement de la page soit termin\u00e9. Vous obtiendrez une meilleure exp\u00e9rience utilisateur.<\/p>\n

7. Pensez au \u00ab mobile first \u00bb<\/h3>\n

Vous le savez, les sites web qui ne sont pas optimis\u00e9s pour la t\u00e9l\u00e9phonie mobile sont fortement d\u00e9savantag\u00e9s. Suivez les principes d’une conception web responsive pour rendre votre site web adaptable \u00e0 diff\u00e9rentes tailles d’\u00e9cran et r\u00e9solutions d’affichage. Votre site web doit \u00e9galement \u00eatre capable de d\u00e9tecter l’orientation de l’appareil afin d’afficher correctement une vid\u00e9o.
\nLors de l’affichage de vid\u00e9os sur mobile, il faut redimensionner sa largeur et tout en conservant son ratio hauteur\/largeur. Mais vous devez \u00e9galement vous assurer que le spectateur puisse voir la vid\u00e9o en plein \u00e9cran.
\nLes appareils mobiles peuvent ne pas \u00eatre capables de g\u00e9rer des arri\u00e8re-plans vid\u00e9o. Vous pouvez opter pour un changement d\u2019arri\u00e8re-plan sur les mobiles.
\n\"Pensez<\/p>\n

Conclusion<\/h2>\n

Inclure des vid\u00e9os sur votre site ne devrait pas influencer ses performances. Si c\u2019est le cas, appliquez les conseils de cet article ou trouvez un freelance sur Codeur.com<\/a> pour am\u00e9liorer les performances de votre site.<\/p>\n","protected":false},"excerpt":{"rendered":"

Les vid\u00e9os sont efficaces pour g\u00e9n\u00e9rer des ventes et du trafic, et vous devriez les utiliser dans le d\u00e9veloppement de vos sites Web. Le contenu textuel est important, mais les \u00e9l\u00e9ments visuels, comme une vid\u00e9o d’introduction sur votre page d’accueil, donnent vie \u00e0 votre site Web. En 2019, 87% des entreprises ont utilis\u00e9 la vid\u00e9o […]<\/p>\n","protected":false},"author":69,"featured_media":47644,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[160],"tags":[39],"class_list":["post-47642","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-video","tag-conseils"],"acf":[],"yoast_head":"\n7 astuces pour optimiser vos vid\u00e9os pour le web<\/title>\n<meta name=\"description\" content=\"Les vid\u00e9os sont efficaces pour g\u00e9n\u00e9rer des ventes et du trafic, et vous devriez les utiliser dans le d\u00e9veloppement de vos sites Web. Le contenu textuel\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 astuces pour optimiser vos vid\u00e9os pour le web\" \/>\n<meta property=\"og:description\" content=\"Les vid\u00e9os sont efficaces pour g\u00e9n\u00e9rer des ventes et du trafic, et vous devriez les utiliser dans le d\u00e9veloppement de vos sites Web. Le contenu textuel\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Codeur.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-19T08:50:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-11T13:38:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/04\/image-video-web-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"C\u00e9dric Reymbaut\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeur\" \/>\n<meta name=\"twitter:site\" content=\"@codeur\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"C\u00e9dric Reymbaut\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/\"},\"author\":{\"name\":\"C\u00e9dric Reymbaut\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c\"},\"headline\":\"7 astuces pour optimiser vos vid\u00e9os pour le web\",\"datePublished\":\"2021-05-19T08:50:06+00:00\",\"dateModified\":\"2025-09-11T13:38:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/\"},\"wordCount\":949,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/04\/image-video-web-1.jpg\",\"keywords\":[\"Conseils\"],\"articleSection\":[\"Vid\u00e9o\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/\",\"name\":\"7 astuces pour optimiser vos vid\u00e9os pour le web\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/04\/image-video-web-1.jpg\",\"datePublished\":\"2021-05-19T08:50:06+00:00\",\"dateModified\":\"2025-09-11T13:38:26+00:00\",\"description\":\"Les vid\u00e9os sont efficaces pour g\u00e9n\u00e9rer des ventes et du trafic, et vous devriez les utiliser dans le d\u00e9veloppement de vos sites Web. Le contenu textuel\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#primaryimage\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/04\/image-video-web-1.jpg\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/04\/image-video-web-1.jpg\",\"width\":1024,\"height\":618,\"caption\":\"7 astuces pour optimiser votre vid\u00e9o pour le web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.codeur.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Graphisme\",\"item\":\"https:\/\/www.codeur.com\/blog\/graphisme\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Vid\u00e9o\",\"item\":\"https:\/\/www.codeur.com\/blog\/graphisme\/video\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"7 astuces pour optimiser vos vid\u00e9os pour le web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"name\":\"Codeur.com\",\"description\":\"codeur\",\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codeur.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\",\"name\":\"Codeur.com\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"width\":2560,\"height\":465,\"caption\":\"Codeur.com\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\",\"https:\/\/x.com\/codeur\",\"https:\/\/www.linkedin.com\/company\/codeur\/\",\"https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c\",\"name\":\"C\u00e9dric Reymbaut\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g\",\"caption\":\"C\u00e9dric Reymbaut\"},\"description\":\"Je suis UX\/UI designer, passionn\u00e9 par les outils comme Figma et Framer. Le week-end, je m\u2019amuse \u00e0 concevoir des SaaS sur Lovable.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/cedricreymbaut74\/\"],\"url\":\"https:\/\/www.codeur.com\/blog\/author\/cedric\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"7 astuces pour optimiser vos vid\u00e9os pour le web","description":"Les vid\u00e9os sont efficaces pour g\u00e9n\u00e9rer des ventes et du trafic, et vous devriez les utiliser dans le d\u00e9veloppement de vos sites Web. Le contenu textuel","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/","og_locale":"fr_FR","og_type":"article","og_title":"7 astuces pour optimiser vos vid\u00e9os pour le web","og_description":"Les vid\u00e9os sont efficaces pour g\u00e9n\u00e9rer des ventes et du trafic, et vous devriez les utiliser dans le d\u00e9veloppement de vos sites Web. Le contenu textuel","og_url":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/","og_site_name":"Codeur.com","article_publisher":"https:\/\/fr-fr.facebook.com\/codeurfreelance\/","article_published_time":"2021-05-19T08:50:06+00:00","article_modified_time":"2025-09-11T13:38:26+00:00","og_image":[{"width":1024,"height":618,"url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/04\/image-video-web-1.jpg","type":"image\/jpeg"}],"author":"C\u00e9dric Reymbaut","twitter_card":"summary_large_image","twitter_creator":"@codeur","twitter_site":"@codeur","twitter_misc":{"\u00c9crit par":"C\u00e9dric Reymbaut","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#article","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/"},"author":{"name":"C\u00e9dric Reymbaut","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c"},"headline":"7 astuces pour optimiser vos vid\u00e9os pour le web","datePublished":"2021-05-19T08:50:06+00:00","dateModified":"2025-09-11T13:38:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/"},"wordCount":949,"commentCount":0,"publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/04\/image-video-web-1.jpg","keywords":["Conseils"],"articleSection":["Vid\u00e9o"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/","url":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/","name":"7 astuces pour optimiser vos vid\u00e9os pour le web","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#primaryimage"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/04\/image-video-web-1.jpg","datePublished":"2021-05-19T08:50:06+00:00","dateModified":"2025-09-11T13:38:26+00:00","description":"Les vid\u00e9os sont efficaces pour g\u00e9n\u00e9rer des ventes et du trafic, et vous devriez les utiliser dans le d\u00e9veloppement de vos sites Web. Le contenu textuel","breadcrumb":{"@id":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codeur.com\/blog\/optimisation-video-web\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#primaryimage","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/04\/image-video-web-1.jpg","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/04\/image-video-web-1.jpg","width":1024,"height":618,"caption":"7 astuces pour optimiser votre vid\u00e9o pour le web"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codeur.com\/blog\/optimisation-video-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.codeur.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Graphisme","item":"https:\/\/www.codeur.com\/blog\/graphisme\/"},{"@type":"ListItem","position":3,"name":"Vid\u00e9o","item":"https:\/\/www.codeur.com\/blog\/graphisme\/video\/"},{"@type":"ListItem","position":4,"name":"7 astuces pour optimiser vos vid\u00e9os pour le web"}]},{"@type":"WebSite","@id":"https:\/\/www.codeur.com\/blog\/#website","url":"https:\/\/www.codeur.com\/blog\/","name":"Codeur.com","description":"codeur","publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codeur.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.codeur.com\/blog\/#organization","name":"Codeur.com","url":"https:\/\/www.codeur.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","width":2560,"height":465,"caption":"Codeur.com"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/fr-fr.facebook.com\/codeurfreelance\/","https:\/\/x.com\/codeur","https:\/\/www.linkedin.com\/company\/codeur\/","https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw"]},{"@type":"Person","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c","name":"C\u00e9dric Reymbaut","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g","caption":"C\u00e9dric Reymbaut"},"description":"Je suis UX\/UI designer, passionn\u00e9 par les outils comme Figma et Framer. Le week-end, je m\u2019amuse \u00e0 concevoir des SaaS sur Lovable.","sameAs":["https:\/\/www.linkedin.com\/in\/cedricreymbaut74\/"],"url":"https:\/\/www.codeur.com\/blog\/author\/cedric\/"}]}},"_links":{"self":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/47642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/users\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/comments?post=47642"}],"version-history":[{"count":0,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/47642\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media\/47644"}],"wp:attachment":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media?parent=47642"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/categories?post=47642"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/tags?post=47642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}