In order to embed a playlist, a playlist must be created. For more information on how to create your perfect playlist click here.
There a 2 type of playlist here at Dailymotion: 1) a standard playlist embed & 2) a video embed with a queue populated with a playlist. Both are similar but are configured 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>
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 from a partners channel. It's possible to take control of the content that is displayed by populating the up-next queue with videos from a specified 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>