Getting started with the player embed is a 2 step process:
- Create a Player and configure a set of feature
- Choose an integration method and embed the player on your properties
If you haven't created a player on your channel yet, we invite you to start with the player creation with our dedicated guide.
You can embed the Dailymotion Player on your properties using different methods, depending on your needs.
In this article, you'll get more insights on the different integration methods available and their main differences.
Pick the right integration method for your project
Integration methods
The below integration methods are best adapted for desktop and web applications.
If you would like to integrate our Player in a native application, we invite you to use our Android SDK and iOS SDK.
| 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 the library script and create the Player programmatically using the Player API |
| iFrame |
Embed the Player without JavaScript to use a basic Player integration |
Dive into the integration methods
Embed Script
| Description |
The easiest way to have all the advanced features working out-of-the box. This one-liner script will let you control in real time the autostart behavior, the Picture-in-Picture, the Player’s look and other features. |
|---|---|
| Recommendations |
The integration is easy, fast and doesn't require technical knowledge. As long as you know where you want the Player to appear on the page, you can integrate it within a few clicks. Choose this option if you have a doubt on which integration method to choose. |
| Integration |
Learn more about how to use the Embed Script in our dedicated DevPortal guide |
Library Script
| Description |
This one line script will load our Player JavaScript library and make the Player API available in your environment without injecting the Player in the page. The Player will be initialized in a second time, allowing you to build custom and advanced workflows based on the Player events, Player methods and all the parameters and settings exposed in the API. |
|---|---|
| Recommendations |
As this integration requires an advanced technical knowledge, we recommend using this integration if you have advanced Player needs which can't be achieved through the Embed Script method. |
| Integration |
Learn more about how to use the Library Script in our dedicated DevPortal guide |
iFrame
| Description | The classic HTML integration which still enables using a Player ID to easily customize and update your Player. |
|---|---|
| Recommendations |
Some functionalities are not available with this method. We recommend using this integration for environments that restrict the use of JavaScript, i.e. mobile integrations, AMP pages. For any other context, we invite you to use our Embed Script or Library Script integration method. |
| Integration |
Learn more about how to use the iFrame in our dedicated DevPortal guide |
JavaScript & iFrame compatibility
Please note that the iFrame integration isn't compatible with JavaScript features such as Picture-in-Picture, First Time Viewable or Forward full URL.
We invite you to use this integration to manage edge cases where the Embed Script or Library Script couldn't be implemented.
If you need any recommendation on the best integration method to use for your use case and your needs, you can reach out to our Support Team.