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've already created your player and would like to get started with the integration, please read our dedicated guide.
As a Dailymotion Partner, you create multiple Players to build a player which fits with your needs and your audience expectations.
Each player created has its own ID and label, which allows you to easily track your player performance, customize the player features and organize your different integrations.
In this helpcenter article, you'll learn how to create and manage a player, and understand the different customization possibilities available.
Create a Player
You can easily create a player within few steps:
- Go to your Partner HQ
- Click on Embeds and pick the Players sub-menu
- Click on Create player
- Define a label to your player, and customize it with different parameters (cf below)
- Click on Save
That's it! Your player is now created and a unique ID has been assigned to it. You'll now have to customize your player through the different configuration settings.
Player features and configuration
By default, players created from your Partner Space are set with a default configuration maximizing your player viewability and monetization. Updating this configuration might decrease monetization opportunies
Configure your players
- Go to your Partner HQ
- Click on Embeds and pick the Players sub-menu
- Click on Player label to start the configuration
- Select needed parameters
- Click on the Save button
Preview your player in different environments
You can easily check how your player is rendering in different environments by using the Preview feature.
- Go to your Partner HQ
- Click on Embeds and pick the Players sub-menu
- Choose the Player you would like to check and click on the Full Preview button
You will be redirected in a sample page allowing you to interact with your embedded player configuration in different environments (Desktop, Tablet, Mobile).
Share your player configuration preview
The preview pages link can be shared with anyone, allowing you to easily show your player configuration and features to your stakeholders.
Get into the Player features & settings
In this table, you'll learn the different features available for your Player Embed and the different settings you can apply for each of them.
Features | Description |
---|---|
Label | |
Autostart |
This settings allows you to define if the player should automatically try to start the content when the player is ready. This settings has 3 different modes :
Get more information Each internet browser has implemented different set of rules which can have an impact on the autostart behavior. To get more information about our autostart integration and the browser autoplay policies, please check our dedicated guide |
Picture-in-Picture |
The Picture-in-Picture (PiP) is a mini player activated when the main player is out of the viewport. By default, this mini player will be displayed at the bottom right on wide screens and at the top on narrow screens.
Usage This settings has 3 different mode:
Get more information The PiP can be customized and set-up differently to fit your user experience needs. To get more information about our PiP customization and positioning, please click here. |
Aspect ratio |
The player is fully responsive by default, it will inherit the width from its parent container and automatically size the player. This settings allows you to force how the player will render to adapt it to your needs and content.
Usage
Depending on the integration method selected to embed your player, the player may have different behavior: If you are using the embed script or the player library method, the aspect ratio will automatically adapt based on the container where the player will be implemented. If you are using the iframe method, we invite you to use the aspect ratio to force the player rendering. To get more information about our player integration methods, we invite you to follow our dedicated guide
|
Accent color |
This settings allows you to change the player colors in order to let it match with your brand and your preferences. Changing the accent color will update the seek bar, the player settings and the player sharing background color to match your needs.
Usage You can manually select a color through the color picker, fill a hexadecimal code or fill a RGBA code to find the color that will match with your needs.
|
Default controls |
This settings allows you to decide if the player controls should be displayed on the player interface.
Usage
When the player controls are removed, your audience will still be able to use the keyboard navigation for accessibility purposes. Also, pease note that this parameter is only applied on the main player, and won't apply to the Picture-in-Picture player (PiP controls can't be removed today to allow a smooth experience for your audience.)
|
Dailymotion logo |
Definition This settings allows you to define if the Dailymotion logo should be displayed on the player interface.
Usage
|
Queue |
The queue allows your audience to easily find additional content at the end of the playback. This settings allows you to define if the queue should be displayed on the player interface.
Usage
Get more information If you want to get more information about the queue behavior and customization, we invite you to check our dedicated guide. |
Autonext |
This settings allows you to define if the content displayed on the queue should start automatically after a small countdown or if the user should manually pick a content from the queue.
Usage
Get more information Please note that if the Queue is disable, this settings won't have any impact.
|
Share button |
This settings allows your audience to easily collect the video link / embed code, or share the video on Facebook or Twitter. Usage
Get more information The share button can be customized to redirect your audience to the page where the content has been embedded on your properties instead of redirecting to a Dailymotion page.
|
Video info |
Definition This settings allows you to display or remove the content title and the uploader name when the player isn't started or when the player is paused.
Usage
|
Channel link |
Definition This settings allows you to enable / disable the link activated on the uploader name when the player isn't started or when the player is paused.
Usage
Get more information Please note that this settings can't be selected if you turned off the settings Video info.
|
Video title link |
Definition Allows you to enable / disable the link activated on the video title when the player isn't started or when the player is paused.
Usage
Get more information Please note that this settings can't be selected if you turned off the settings Video info. |
Integrate the player
You've created your player and customized the features and settings that will be applied to it. The next step is to integrate it on your properties.
To understand our different integration methos and pick the best one based on your needs, we invite you to continue with our integration guide.
Player Embed integration
The Player embed is the best integration method for all your desktop and web applications.
However, if you would like to integrate our player in a native application, we invite you to use our Android SDK and our Swift SDK.