icons Created with Sketch.

Manage

How to embed a playlist

Follow
  • Updated

Creating and sharing playlists are a great way to engage your users and keep them watching. 

In order to embed a playlist, a playlist must be created. For more information on how to create your perfect playlist click here.

There are 2 types of playlists here at Dailymotion: 1) a standard playlist embed & 2) a video embed with an Up Next queue populated with a playlist. Both are similar but are configured slightly differently. 

Standard Playlist Embed

  • Embed a standard playlist with an iframe:
<iframe frameborder="0" width="480" height="270" src="https://www.dailymotion.com/embed/playlist/x6cryf allow afullscreen allow="autoplay"></iframe>
  • Embed a standard playlist using our Js SDK:
<script src="https://api.dmcdn.net/all.js"></script>
<div id="videoPlayer"></div>
<script>
var player = DM.player("videoPlayer", {
playlist: "x6cryf",
width: "600",
height: "400",
});
</script>
  • Embed a standard playlist using our CPE technology:
<div class="dailymotion-cpe" playlist-id="x5zhzj"></div>

Playlist in the Up-Next queue 

The Up Next queue is displayed at the right of the player, it is automatically populated with relevant and top content.  It's possible to take control of the content that is displayed by populating the Up-Next queue with videos from a specified playlist. It offers you a bit more control, as you can specify a video to be played, which doesn't have to be within that playlist. 

  • Embed a video with a playlist in the Up-Next queue with an iframe embed:
<iframe frameborder="0" width="480" height="270" src="https://www.dailymotion.com/embed/video/x3rdtfy?playlist=x5zhzj" allowfullscreen allow="autoplay"></iframe>
  • Embed a video with a playlist in the Up-Next queue with our JS SDK embed:
<script src="https://api.dmcdn.net/all.js"></script>
<div id="videoPlayer"></div>
<script>
var player = DM.player("videoPlayer", {
video : "x3rdtfy",
playlist: "x5zhzj",
width: "480",
height: "270",
});
</script> 
  • Embed a video with a playlist in the Up-Next queue using our CPE technology:
<div class="dailymotion-cpe" video-id="x3rdtfy" playlist-id="x5zhzj"></div>
  •  Embed a video with a playlist in the Up-Next queue on an AMP page: 
<amp-dailymotion data-videoid="x3rdtfy" data-param-playlist="x5zhzj" layout="responsive" data-ui-highlight="FF4081" width="480" height="270"></amp-dailymotion>

  

 

Related articles