Create a vertical Player

You want to showcase your vertical videos but you don't know how to proceed?

With Dailymotion, you can easily create a vertical Player to embed and monetize your vertical content without the hassle of developing anything extra on your side.

What are the benefits of your Dailymotion vertical Player?

• Optimized for mobile devices - Don't waste any screen space as it perfectly fits phone screens, for a better user experience
   
• Cross-platforms - Reuse on your app and website - in their original format - the vertical videos created for your social media
   
• Easy to embed - No need for complex code to embed on web and native environments thanks to the Player ID
   
• Fully customizable - Make it vertical and define the UI and Player behaviors that fits your needs for a fully custom experience

Create a vertical Player

Creating a vertical Player is just like creating any other Player from your Dailymotion Studio. The only difference lies in the Aspect Ratio parameter that needs to be set to either 9:16 or 3:4.

1. Log into your Dailymotion Studio, go in Embeds > Players
2. Click on Create player 
3. Name your Player in the Player name field
4. In Player interface > Aspect ratio, choose either 9:16 or 3:4 to fit your vertical videos
5. You can further customize the configuration with the other parameters available
   See more details about each parameter
6. Once done, click on Save

Your vertical Player is now ready to embed vertical videos!

The Player ID can be found above the Preview: it will be used in the integration code to carry the vertical format and custom parameters you just defined.

Embed vertical videos

Now that you have created a vertical Player, you can embed vertical videos easily using the Player ID:

1. Copy the embed code
   You can find the different embed codes at the top of the Player configuration page. Each of them already includes your Player ID.
   If you don't know which embed code to use, you can learn more about each embed method.

2. Add your video ID
   Add in the code the ID of the video you want to embed

   In these examples, xpiw2 is the Player ID and x84sh87 the video ID
   Replace them with your own IDs
   
   Embed Script
   <script src="https://geo.dailymotion.com/player/xpiw2.js" data-video="x84sh87"></script>
   
   iFrame
   <!-- Use padding-bottom:177.7% for 9:16 format, or padding-bottom:133.33% for 3:4 -->
   <div style="position:relative;padding-bottom:177.7%;"><iframe src="https://geo.dailymotion.com/player/xpiw2.html?video=x84sh87" frameborder="0" width="100%" height="100%" style="width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden;" allowfullscreen allow="autoplay; fullscreen; picture-in-picture; web-share"></iframe></div>
   

3. Embed the videos
   Add the embed code to your website

Portrait thumbnails in vertical Players

When you embed a video in a vertical (9:16 / 3:4) Player, Dailymotion now serves the video's vertical thumbnail if one is set. 

Set it from the Studio thumbnail editor (see Customize your thumbnail), or via the API with the video field vertical_thumbnail_url.