Dailymotion Player Embeds

1. Context


In December 2021, we’ve released our new embed method: Player Embed.
This updated embed experience allows you to benefit from a better player experience, viewability and monetization.
This method is now considered our default embed type for web and is managed directly from your Partner Space.

2. Player embed overview
The Player Embed has been designed to replace our previous player integration methods with a more advanced and efficient integration method.
After creating a unique Player configuration in your Partner HQ Players section, the below embed scripts will be available.
There are different integration methods available depending on your technical preference or environment.

Embed Script :

The Player will load at the point where you add the script. This also provides access to the Player API

Library Script :

Add just the library and create the Player programmatically using the Player API

iFrame :

Embed the player without JavaScript to use a basic player configuration

→ For more informations : Dailymotion developper portal

3. How to create a player template ?


To do so, you will just have to access your partner space and click on embeds > players and press the create player button.
First, you will have to label your player template then personalise it with all the parameters needed.

In the lower right corner, you will find the 3 embed methods regarding their integration.

Don’t forget to save your customisation & feel free to adjust or create a new template every time that you need to !

4. How to test your player template ?


• On our Sandbox


To test an embedded video, access the dailymotion-support-sandbox bucket in GCP, and download the embed_test.html file. Open it in your favorite code editor, and place your embed code in the EMBED section. Once you're done, save the file and upload to the bucket, overwriting the original.

You will then be able to see your video at https://storage.googleapis.com/dailymotion-support-sandbox/embeds/embed_test.html.

Second option, open the developer console, access the HTML code of this page : https://storage.googleapis.com/dailymotion-support-sandbox/embeds/embed_test.htmland edit the attribut that contains the player with your own iFrame.

• On our JS Fiddle


Log into our JS Fiddle here :https://jsfiddle.net/user/dmLaboratory/fiddles/ (credentials stored in LastPass) and test your code a new fiddle, you’ll see an immediate result.