Dailymotion fait évoluer son système d’intégration des vidéos sur les sites Web. L’ancien format d’URL laisse progressivement la place à un nouveau lecteur, associé à un identifiant spécifique appelé Player ID.
Ce changement concerne les sites qui intègrent des vidéos Dailymotion, y compris ceux qui utilisent tarteaucitron.js pour conditionner leur chargement au consentement des visiteurs.
J’ai donc modifié le service Dailymotion de tarteaucitron.js afin de prendre en charge ce nouveau format, tout en conservant une compatibilité avec les anciennes intégrations.
Pourquoi Dailymotion change ses URL d’intégration
Historiquement, une vidéo Dailymotion pouvait être intégrée dans une iframe avec une URL relativement simple :
https://www.dailymotion.com/embed/video/x84sh87Dailymotion a engagé une migration vers un nouveau système d’intégration, dans lequel le lecteur possède son propre identifiant. La nouvelle structure utilise le domaine geo.dailymotion.com :
https://geo.dailymotion.com/player/PLAYER_ID.html?video=x84sh87Le paramètre PLAYER_ID correspond à une configuration de lecteur créée ou sélectionnée dans Dailymotion Studio. Il ne faut pas le confondre avec l’identifiant de la vidéo, qui reste transmis dans le paramètre video.
Ce nouveau fonctionnement permet notamment à Dailymotion de centraliser les paramètres du lecteur, de suivre ses performances et de gérer certaines fonctionnalités de monétisation.
Selon la documentation officielle de migration, les anciennes URL sont redirigées vers le nouveau système depuis octobre 2024. Dailymotion a également fixé une étape importante au 3 février 2026 pour l’abandon des anciennes intégrations.
Un Player ID désormais nécessaire
Le changement ne se limite pas au nom de domaine utilisé par l’iframe.
Dans sa documentation actuelle, Dailymotion précise qu’un identifiant de lecteur valide est nécessaire pour les intégrations prises en charge. Une URL construite sans cet identifiant peut provoquer une réponse HTTP 403 et empêcher l’affichage de la vidéo.
Le nouveau format distingue donc deux éléments :
- Le Player ID, qui identifie la configuration du lecteur Dailymotion.
- Le Video ID, qui identifie la vidéo à afficher.
Pour récupérer un Player ID, il faut utiliser Dailymotion Studio et sélectionner une configuration de lecteur disponible sur le compte. Les possibilités de création et de personnalisation dépendent de l’offre Dailymotion utilisée.
Il ne suffit donc pas de remplacer automatiquement www.dailymotion.com par geo.dailymotion.com dans une ancienne URL.
Ce que j’ai modifié dans tarteaucitron.js
Le correctif est disponible dans le commit 030ac19 sur GitHub, associé à l’issue #1420.
La modification concerne le service Dailymotion défini dans tarteaucitron.services.js, ainsi que sa version minifiée.
J’ai ajouté la lecture d’un nouvel attribut playerId dans la configuration de l’intégration.
Lorsque cet identifiant est renseigné, tarteaucitron.js construit désormais l’iframe avec le nouveau format :
https://geo.dailymotion.com/player/PLAYER_ID.html?video=VIDEO_IDLe même principe fonctionne avec les playlists, en utilisant le paramètre playlist à la place de video.
Lorsque playerId n’est pas renseigné, tarteaucitron.js conserve la génération de l’ancienne URL d’intégration.
Ce choix évite de modifier brutalement le comportement des installations existantes. Il ne garantit toutefois pas que les anciennes URL continueront à fonctionner : leur prise en charge dépend désormais de Dailymotion.
Comment adapter une intégration Dailymotion
Pour une intégration utilisant le service Dailymotion de tarteaucitron.js, la première étape consiste à récupérer le Player ID depuis Dailymotion Studio.
Il faut ensuite ajouter cet identifiant à l’élément HTML utilisé pour déclarer la vidéo. Le nouvel attribut est lu par le service Dailymotion lors de la construction de l’iframe.
La configuration doit donc contenir l’identifiant de la vidéo et celui du lecteur. Le premier indique quel contenu afficher, le second quelle configuration Dailymotion utiliser.
Il faut également utiliser une version de tarteaucitron.js contenant le correctif. Modifier uniquement le HTML ne suffit pas si le JavaScript chargé sur le site ne reconnaît pas encore le nouvel attribut.
Enfin, les anciennes options de personnalisation doivent être vérifiées. Dailymotion indique que plusieurs paramètres historiques transmis directement dans les URL ne sont plus pris en charge par le nouveau lecteur. La configuration correspondante doit être effectuée dans Dailymotion Studio lorsque cela est possible.
Le consentement reste nécessaire avant le chargement
Ce changement d’URL ne modifie pas le principe de fonctionnement de tarteaucitron.js.
Une vidéo Dailymotion intégrée dans une page peut entraîner des échanges avec les serveurs du fournisseur et l’utilisation de traceurs. Le chargement du lecteur doit donc rester conditionné au consentement lorsque celui-ci est requis.
tarteaucitron.js conserve son mécanisme habituel : un emplacement réservé peut être présenté à la place de la vidéo, puis l’iframe est créée lorsque le visiteur autorise le service.
Le nouveau domaine geo.dailymotion.com ne doit pas être interprété comme une exemption de consentement. Il s’agit d’un changement technique du fournisseur, pas d’un changement des obligations applicables aux traceurs.
J’ai détaillé ce fonctionnement dans l’article Iframes, embeds et consentement granulaire.
Comment vérifier que la vidéo fonctionne
Après la mise à jour, je recommande de vérifier l’intégration directement dans le navigateur.
- Recharger la page sans consentement préalable et vérifier que le lecteur Dailymotion n’est pas chargé.
- Autoriser Dailymotion depuis l’interface de tarteaucitron.js.
- Vérifier que l’iframe utilise le domaine geo.dailymotion.com et contient le Player ID attendu.
- Contrôler l’onglet Réseau des DevTools pour détecter une éventuelle erreur HTTP 403.
- Tester la lecture effective de la vidéo et les éventuelles options particulières du lecteur.
Une iframe présente dans le DOM ne suffit pas à confirmer que l’intégration fonctionne. Il faut également vérifier que le lecteur s’affiche et que la vidéo peut être lancée.
Pour aller plus loin, j’ai également publié un guide sur les tests d’une bannière de consentement avec les DevTools.
Une évolution externe qui nécessite une adaptation
Les services tiers évoluent régulièrement. Ils modifient leurs API, leurs domaines, leurs paramètres et parfois leurs conditions d’intégration.
Pour une bibliothèque comme tarteaucitron.js, ces changements nécessitent de maintenir les connecteurs, même lorsque le mécanisme de consentement lui-même ne change pas.
Le cas de Dailymotion en est un bon exemple : le principe reste de ne charger la vidéo qu’après autorisation, mais l’URL générée doit désormais tenir compte d’une nouvelle configuration du lecteur.
Le correctif permet à tarteaucitron.js de prendre en charge cette évolution. Pour les sites concernés, il reste nécessaire de récupérer un Player ID valide et de vérifier l’intégration après la mise à jour.
