Getting started with the Player embed is a 2-step process:
- Create a Player and configure a set of features
- 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 can create multiple Players to build a watching experience that fits 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 its 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 in just a few steps:
- Log into your Dailymotion Studio, go in Embeds > Players
- Click on Create player
- Name your Player and customize it with the different parameters available
See details below in Get into the Player features & settings - Click on Save
That's it! Your Player is now created and a unique ID has been assigned to it. You can edit your Player configuration at any time and change the different settings available.
Player features and configuration
By default, the Players created from your Dailymotion Studio are set with a configuration maximizing your Player's viewability and monetization. Updating this configuration might decrease monetization opportunities.
Edit the configuration of a Player
- Log into your Dailymotion Studio, go in Embeds > Players
- Click on the Player you want to edit
- Adjust parameters
See details below in Get into the Player features & settings - Click on Save once you're done with your edits
Preview your Player in different environments
You can easily check how your Player is rendering in different environments (Desktop, Tablet, Mobile) by using the Preview feature:
- From your Dailymotion Studio, go in Embeds > Players
- Click on the Player you want to check and click on the Full Preview button
You will be redirected to a sample page allowing you to interact with your embedded Player configuration in different environments.
Share your Player configuration preview
You can share the URL of the preview page with anyone, allowing you to easily show your Player configuration and features to your stakeholders.
Get into the Player features & settings
Learn more the different features available for the configuration of your Player embeds and the different settings you can apply for each of them.
Player information
Player name
Give a specific name to your Player to identify it easily.
You can create several Players with different configurations and behaviors: giving a name to your Players enables you to easily browse and identify your different configurations.
Tips:
We recommend naming your Players based on their location on your properties.
For example: "Homepage Player”, "Sidebar Player", "Article Player" etc...
Playback behavior
Autostart
Define if the Player should automatically try to start the content once ready.
- On: playback starts as soon as the Player is loaded
- Off: playback only starts on user interaction
- First time viewable: if you enabled Autostart, you can choose to add "First time viewable" so the video playback starts once the user has the Player in view
Important
Each internet browser has implemented different set of rules which can have an impact on the autostart behavior.
More information about the autostart integration and the browser autoplay policies.
Autonext
Define if the next video plays automatically after the current one, or if the user should manually pick a content:
- On: the next video is automatically played after a 6-second countdown once the current one is over
- Off: the next videos are displayed, but they won't start without an interaction from the user
Autoskip
- On: the current content can automatically be skipped if there is no user interaction after the time interval you set
- Off: the current content is played until the end
Note
When the video duration and the timer you set are too close, Autoskip isn't triggered to preserve the user experience
Important
Autoskip requires:
- Autonext enabled
- A playlist or Automatic recommendations enabled
Picture-in-Picture
Picture-in-Picture (PiP) is a mini Player activated when the main Player is out of the viewport.
By default, this mini Player is displayed at the bottom right on wide screens and at the top on narrow screens.
- On: PiP launches once the main Player is playing but is no longer in the user's viewport
- Off: PiP disabled
Additional PiP settings | Description |
---|---|
Optimize PiP interface for Google ads | If you use Google Ad Manager, enable this feature to ensure the PiP interface complies with Google Ad Manager monetization guidelines |
Instant | PiP launches as soon as the Player is loaded |
Start PiP in expanded mode on mobile | PiP will start in expanded mode on mobile instead of the default collapsed mode |
PiP can be customized to fit your user experience needs: check our guide for more information about our PiP customization and positioning.
Brand
Watermark
Choose if you want to add a watermark in the bottom right corner of your Player:
- None: no watermark displayed on Player
- Use channel watermark: use the watermark image already set for your Dailymotion channel
- Custom: upload a custom watermark for this Player only
Custom watermarks are only displayed on the videos you own
Watermark link
Define if you want to add a link on your watermark.
This setting is linked to the previous one - Watermark - and is only available if you added a watermark on your Player.
- None: no link added on your watermark
- Use channel watermark link: use the watermark link already set for your Dailymotion channel
- Custom: add a custom watermark link for this Player only
Custom watermarks are only displayed on the videos you own
Accent color
Change the color of the seek bar to match with your brand.
Available options:
- Select a color with the color picker
- Use hexadecimal code
- Use RGBA code
Recommendations
Automatic recommendations
Automatic recommendations suggests additional content to your audience once your video is over.
- On: Videos are automatically recommended to viewers at the end of the playback
- Off: There won't be any automatic recommendations at the end of the playback
Please note that removing the queue will have an impact on the views and user engagement generated on your content
Player interface
Aspect ratio
The Player is fully responsive by default, it will inherit the width from its parent container and automatically size the Player.
This setting allows you to force how the Player will render to adapt it to your needs and content.
Depending on the embed method, the Player may have different behavior:
If you are using the Embed Script or the Library Script method, the aspect ratio will automatically adapt based on the container where the Player is implemented.
If you are using the iFrame method, we invite you to use the aspect ratio to force the Player rendering.
Check our dedicated guide to get more information about our Player integration methods.
Ads controls
Decide if the Player controls should be displayed during ads:
- On: the Player controls will be shown to your audience during ads
- Off: the Player controls will be hidden from your audience during ads
Note
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 preserve a smooth experience for your audience)
Player controls
Decide if the Player controls should be displayed during playback:
- On: the Player controls will be shown to your audience during playback
- Off: the Player controls will be hidden from your audience during playback
When the Player controls are removed, your audience will still be able to use the keyboard navigation for accessibility purposes.
Note
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 preserve a smooth experience for your audience)
"Watch on Dailymotion" appears on start screen *
* This toggle is only available as part of a plan. Please reach out to your assigned Account Manager or our Support Team to subscribe.
Decide if "Watch on Dailymotion" can be displayed at the bottom of your Player start screen, before your content starts. Clicking on it enables your audience to watch your content on Dailymotion.com:
- On: "Watch on Dailymotion" is displayed at the bottom of your Player start screen
- Off: "Watch on Dailymotion" won't be displayed on your Player
Note
This setting can't be selected if Player controls is turned off
Dailymotion logo *
* This toggle is only available as part of a plan. Please reach out to your assigned Account Manager or our Support Team to subscribe.
Define if the Dailymotion logo should be displayed on the Player interface:
- On: the Dailymotion logo is displayed on the splash screen, and when the Player controls are displayed
- Off: the Dailymotion logo won't be displayed on the Player interface
Note
This setting can't be selected if Player controls is turned off
Video titles in carousel thumbnails
Define if the title of the videos in the queue should be displayed:
- On: the titles of the videos in the queue are displayed
- Off: the titles of the videos in the queue aren't displayed
Video details
Video info
Display or remove the video title and the uploader name when the Player isn't started or is paused:
- On: the content title and the uploader name are displayed on the Player interface
- Off: no information displayed when the playback is paused or if the Player doesn't autoplay
Channel link
Define if the uploader name displayed on the Player can link toward the uploader channel page:
- On: the uploader name is clickable and redirects to the uploader channel on Dailymotion
- Off: the uploader name isn't clickable and doesn't redirect to the Dailymotion channel
Note
This setting can't be selected if Player controls or Video info are turned off
Video title link
Define if the video title displayed on the Player can link toward the video page:
- On: the video title is clickable and redirects to the video page on Dailymotion
- Off: the content title isn't clickable and doesn't redirect to Dailymotion
Note
This setting can't be selected if Player controls or Video info are turned off
Share
Share button
Define if you display the Share icon on your Player.
With the Share icon, your audience can access the video link, copy the embed link (if turned on with toggle "Use embedder link when sharing"), or share the video on Facebook or Twitter.
- On: the Share icon is displayed in the Player interface to ease content sharing
- Off: the Share icon isn't displayed to your audience
Note
This setting can't be selected if Player controls are turned off
Use embedder link when sharing
Customize your Share button: your audience can share the URL of the page where your content is embedded, instead of the Dailymotion link.
- On: the Share button enables your audience to copy/paste the URL of the page where your content is embedded
- Off: your audience cannot share the embedder link
Note
This setting is only available for embedded videos using the Embed Script, and if Player controls and Share button are turned on.
Next steps
You've now created your Player and customized the features and settings that apply to it.
The next step is to integrate it on your properties.
To understand our different integration methods 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.