{"id":3821,"date":"2026-07-22T16:38:15","date_gmt":"2026-07-22T16:38:15","guid":{"rendered":"https:\/\/disoh.com\/support\/how-to-embed-a-radio-player-on-your-website\/"},"modified":"2026-07-22T16:38:15","modified_gmt":"2026-07-22T16:38:15","password":"","slug":"comment-integrer-un-lecteur-radio-a-votre-site-web","status":"publish","type":"docs","link":"https:\/\/disoh.com\/fr\/support\/how-to-embed-a-radio-player-on-your-website\/","title":{"rendered":"Comment int\u00e9grer un lecteur radio \u00e0 votre site web"},"content":{"rendered":"<p>Un lecteur radio int\u00e9gr\u00e9 permet aux visiteurs d'\u00e9couter votre station directement sur votre site web d'un simple clic, sans avoir \u00e0 ouvrir une application distincte ni \u00e0 coller un lien dans un lecteur multim\u00e9dia. C'est l'un des moyens les plus efficaces de transformer les visiteurs de votre site en auditeurs. Ce guide pr\u00e9sente les diff\u00e9rentes options disponibles et explique comment ajouter un lecteur \u00e0 votre site.<\/p>\n<h2>Pourquoi int\u00e9grer un lecteur ?<\/h2>\n<p>Rediriger les auditeurs vers l'URL d'un flux brut fonctionne, mais ce n'est pas l'exp\u00e9rience la plus conviviale. Un lecteur int\u00e9gr\u00e9 \u00e0 la page permet de garder les visiteurs sur votre site web, offre un aspect professionnel et comprend souvent des fonctionnalit\u00e9s pratiques telles qu'un bouton de lecture, un contr\u00f4le du volume et l'affichage du titre de la chanson en cours. Pour la plupart des stations, un lecteur int\u00e9gr\u00e9 est le principal moyen utilis\u00e9 par les visiteurs pour \u00e9couter la radio.<\/p>\n<h2>Les options disponibles pour un joueur<\/h2>\n<ul>\n<li><strong>Un lecteur pr\u00eat \u00e0 l'emploi depuis votre panneau de configuration :<\/strong> De nombreux modules radio g\u00e9n\u00e8rent un code d'int\u00e9gration que vous pouvez coller directement dans une page.<\/li>\n<li><strong>Un lecteur audio HTML5 :<\/strong> une solution simple et l\u00e9g\u00e8re qui utilise l'URL directe de votre flux.<\/li>\n<li><strong>Un lecteur tiers ou un plugin WordPress :<\/strong> propose des options de personnalisation suppl\u00e9mentaires, des informations sur les titres et une prise en charge mobile.<\/li>\n<\/ul>\n<h2>Int\u00e9gration d'un lecteur HTML5 simple<\/h2>\n<p>L'option la plus simple consiste \u00e0 utiliser la balise audio standard avec l'URL de votre flux. Ajoutez un extrait de code comme celui-ci \u00e0 votre page, \u00e0 l'endroit o\u00f9 vous souhaitez que le lecteur s'affiche :<\/p>\n<ul>\n<li>Utilisez un <em>&lt;audio controls&gt;<\/em> \u00e9l\u00e9ment.<\/li>\n<li>D\u00e9finissez sa source en indiquant l'URL directe de votre flux.<\/li>\n<li>Enregistrez la page et pr\u00e9visualisez-la pour v\u00e9rifier qu'elle s'affiche correctement.<\/li>\n<\/ul>\n<p>Les visiteurs disposent ainsi d'un bouton de lecture et d'un r\u00e9glage du volume sans avoir besoin d'installer de logiciel suppl\u00e9mentaire.<\/p>\n<h2>Int\u00e9gration sur WordPress<\/h2>\n<p>Si votre site fonctionne sous WordPress, deux solutions simples s\u2019offrent \u00e0 vous. Vous pouvez soit ins\u00e9rer le code d\u2019int\u00e9gration du lecteur dans un bloc \u00ab HTML personnalis\u00e9 \u00bb sur n\u2019importe quelle page ou zone de widget, soit utiliser un plugin d\u00e9di\u00e9 aux lecteurs radio qui ajoute un lecteur stylis\u00e9 et adapt\u00e9 aux appareils mobiles, et qui affiche souvent le titre en cours de lecture. Les plugins sont la solution id\u00e9ale si vous souhaitez obtenir un rendu soign\u00e9 sans avoir \u00e0 modifier le code.<\/p>\n<h2>Conseils pour profiter pleinement de votre \u00e9coute<\/h2>\n<ul>\n<li>Placez le lecteur \u00e0 un endroit bien visible, par exemple dans l'en-t\u00eate ou dans une barre fixe.<\/li>\n<li>Ne configurez pas la lecture automatique avec le son, car cela d\u00e9range les visiteurs et est bloqu\u00e9 par de nombreux navigateurs.<\/li>\n<li>Assurez-vous que le lecteur fonctionne sur mobile, o\u00f9 se trouvent de nombreux auditeurs.<\/li>\n<li>Utilisez le lien de votre flux HTTPS sur un site HTTPS afin d'\u00e9viter tout probl\u00e8me li\u00e9 au contenu mixte.<\/li>\n<\/ul>\n<h2>D\u00e9pannage<\/h2>\n<ul>\n<li><strong>Le lecteur s'affiche mais ne lit pas les fichiers :<\/strong> V\u00e9rifiez que le flux est bien en direct et que l'URL est correcte.<\/li>\n<li><strong>Bloqu\u00e9 sur un site HTTPS :<\/strong> utilisez un lien de flux s\u00e9curis\u00e9 (https).<\/li>\n<li><strong>Pas de son sur mobile :<\/strong> Tester un lecteur ou un plugin adapt\u00e9 aux appareils mobiles.<\/li>\n<\/ul>\n<h2>Besoin d'aide ?<\/h2>\n<p>Si vous avez besoin d'aide pour installer un lecteur sur votre site, notre \u00e9quipe d'assistance peut vous guider via le chat en direct.<\/p>","protected":false},"excerpt":{"rendered":"<p>An embedded radio player lets visitors listen to your station directly on your website with a single click, without needing to open a separate app or paste a link into a media player. It is one of the most effective ways to turn website visitors into listeners. This guide explains the options and how to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-3821","docs","type-docs","status-publish","hentry","doc_category-streaming"],"year_month":"2026-07","word_count":426,"total_views":"36","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Jorn","author_nicename":"jorn","author_url":"https:\/\/disoh.com\/fr\/author\/jorn\/"},"doc_category_info":[{"term_name":"Streaming","term_url":"https:\/\/disoh.com\/fr\/docs-category\/streaming\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Embed a Radio Player on Your Website &#8211; Disoh<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/disoh.com\/fr\/soutien\/comment-integrer-un-lecteur-radio-a-votre-site-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Embed a Radio Player on Your Website &#8211; Disoh\" \/>\n<meta property=\"og:description\" content=\"An embedded radio player lets visitors listen to your station directly on your website with a single click, without needing to open a separate app or paste a link into a media player. It is one of the most effective ways to turn website visitors into listeners. This guide explains the options and how to [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/disoh.com\/fr\/soutien\/comment-integrer-un-lecteur-radio-a-votre-site-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Disoh\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/disohhosting\" \/>\n<meta property=\"og:image\" content=\"https:\/\/disoh.com\/wp-content\/uploads\/2025\/07\/disoh_about.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/disoh.com\\\/support\\\/how-to-embed-a-radio-player-on-your-website\\\/\",\"url\":\"https:\\\/\\\/disoh.com\\\/support\\\/how-to-embed-a-radio-player-on-your-website\\\/\",\"name\":\"How to Embed a Radio Player on Your Website &#8211; Disoh\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/disoh.com\\\/#website\"},\"datePublished\":\"2026-07-22T16:38:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/disoh.com\\\/support\\\/how-to-embed-a-radio-player-on-your-website\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/disoh.com\\\/support\\\/how-to-embed-a-radio-player-on-your-website\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/disoh.com\\\/support\\\/how-to-embed-a-radio-player-on-your-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/disoh.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Embed a Radio Player on Your Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/disoh.com\\\/#website\",\"url\":\"https:\\\/\\\/disoh.com\\\/\",\"name\":\"Disoh\",\"description\":\"Digital Solutions Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/disoh.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/disoh.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/disoh.com\\\/#organization\",\"name\":\"Disoh LLC\",\"url\":\"https:\\\/\\\/disoh.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/disoh.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/disoh.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/favicon_1.svg\",\"contentUrl\":\"https:\\\/\\\/disoh.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/favicon_1.svg\",\"width\":615,\"height\":615,\"caption\":\"Disoh LLC\"},\"image\":{\"@id\":\"https:\\\/\\\/disoh.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/disohhosting\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment int\u00e9grer un lecteur radio \u00e0 votre site web \u2013 Disoh","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:\/\/disoh.com\/fr\/soutien\/comment-integrer-un-lecteur-radio-a-votre-site-web\/","og_locale":"fr_FR","og_type":"article","og_title":"How to Embed a Radio Player on Your Website &#8211; Disoh","og_description":"An embedded radio player lets visitors listen to your station directly on your website with a single click, without needing to open a separate app or paste a link into a media player. It is one of the most effective ways to turn website visitors into listeners. This guide explains the options and how to [&hellip;]","og_url":"https:\/\/disoh.com\/fr\/soutien\/comment-integrer-un-lecteur-radio-a-votre-site-web\/","og_site_name":"Disoh","article_publisher":"https:\/\/www.facebook.com\/disohhosting","og_image":[{"width":1536,"height":1024,"url":"https:\/\/disoh.com\/wp-content\/uploads\/2025\/07\/disoh_about.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/disoh.com\/support\/how-to-embed-a-radio-player-on-your-website\/","url":"https:\/\/disoh.com\/support\/how-to-embed-a-radio-player-on-your-website\/","name":"Comment int\u00e9grer un lecteur radio \u00e0 votre site web \u2013 Disoh","isPartOf":{"@id":"https:\/\/disoh.com\/#website"},"datePublished":"2026-07-22T16:38:15+00:00","breadcrumb":{"@id":"https:\/\/disoh.com\/support\/how-to-embed-a-radio-player-on-your-website\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/disoh.com\/support\/how-to-embed-a-radio-player-on-your-website\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/disoh.com\/support\/how-to-embed-a-radio-player-on-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/disoh.com\/"},{"@type":"ListItem","position":2,"name":"How to Embed a Radio Player on Your Website"}]},{"@type":"WebSite","@id":"https:\/\/disoh.com\/#website","url":"https:\/\/disoh.com\/","name":"Disoh","description":"Solutions num\u00e9riques H\u00e9bergement","publisher":{"@id":"https:\/\/disoh.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/disoh.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/disoh.com\/#organization","name":"Disoh LLC","url":"https:\/\/disoh.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/disoh.com\/#\/schema\/logo\/image\/","url":"https:\/\/disoh.com\/wp-content\/uploads\/2025\/06\/favicon_1.svg","contentUrl":"https:\/\/disoh.com\/wp-content\/uploads\/2025\/06\/favicon_1.svg","width":615,"height":615,"caption":"Disoh LLC"},"image":{"@id":"https:\/\/disoh.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/disohhosting"]}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/docs\/3821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/comments?post=3821"}],"version-history":[{"count":0,"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/docs\/3821\/revisions"}],"wp:attachment":[{"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/media?parent=3821"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/doc_category?post=3821"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/disoh.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=3821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}