January 21, 2020
|
Player API

How to customize your Player Queue with a specified Playlist

Keep your users engaged on your properties with your selected content. With our Queue feature, you can now define the next content to be played with videos from a specific curated playlist. 

Do you want your queue by default to play relevant content next? To customize this experience, simply embed a video and specify the playlist ID you want to play next.
You can embed any video, with a queue populated with any playlist.

Embed a Playlist using our different integration methods

Embed Script
Library Script
iFrame
AMP 
<!-- Please replace the Player ID and Playlist ID with your own -->

<script src="https://geo.dailymotion.com/player/x32sk.js" data-playlist="x5zhzj"></script>
<br/>

<!-- If you need to play a specific video on top of the playlist, specify both the video and playlist IDs. The queue will be populated with videos from the playlist -->

<script src="https://geo.dailymotion.com/player/x32sk.js" data-playlist="x5zhzj" data-video="x7tgad0"></script>

<!-- Check out our developer portal to learn more about the Player Embed Script: https://developers.dailymotion.com/player/#player-embed-script -->

<!-- See a demo: https://codepen.io/team/dailymotion-developer/pen/bGgBPyp -->

// Please replace the Playlist ID with your own

dailymotion
  .createPlayer('my-dailymotion-player-1', {
    playlist: 'x5zhzj',
    params: {
      loop: true,
      startTime: 15,
      mute: true
    },
  })
  .then((player) => console.log(player))
  .catch((e) => console.error(e));

// If you need to play a specific video on top of the playlist, specify both the video and playlist IDs. The queue will be populated with videos from the playlist
dailymotion
  .createPlayer('my-dailymotion-player-2', {
    video: 'x730nnd',
    playlist: 'x5zhzj',
    params: {
      loop: true,
      startTime: 15,
      mute: true
    },
  })
  .then((player) => console.log(player))
  .catch((e) => console.error(e));

// Check out our developer portal to learn more about the Player Library Script: https://developers.dailymotion.com/player/#player-library-script

// See a demo: https://codepen.io/team/dailymotion-developer/pen/XWadRKQ
 
<!-- Please replace the Player ID and Playlist ID with your own -->
<iframe frameborder="0" width="640" height="360" src="https://geo.dailymotion.com/player/x32sk.html?playlist=x5zhzj" allowfullscreen allow="autoplay"></iframe>

<!-- If you need to play a specific video on top of the playlist, specify both the video and playlist IDs. The queue will be populated with videos from the playlist -->
<iframe frameborder="0" width="640" height="360" src="https://geo.dailymotion.com/player/x32sk.html?video=x84sh87&playlist=x5zhzj" allowfullscreen allow="autoplay"></iframe>

<!-- Check out our developer portal to learn more about the iFrame: https://developers.dailymotion.com/player/#player-iframe-embed -->

<!-- See a demo: https://codepen.io/team/dailymotion-developer/pen/xxJNpzG -->
 
<!-- Please replace the Video ID and Playlist ID with your own -->
<amp-dailymotion
    data-videoid="x84sh87"
    data-param-playlist="x5zhzj"
    layout="responsive"
    width="480"
    height="270">
</amp-dailymotion>

<!-- More info about AMP components: https://developers.dailymotion.com/player/#amp-embed  -->