Quick Start: Publishing a Playlist

Product(s)
Video Cloud
Role(s)
Studio User
Player Developer
Task(s)
Create & Use Playlists
Publish Videos
Topic(s)
Playlists

The objective of this Quick Start is for you to be able to publish a playlist using the Media module.

After completing this Quick Start you should be able to:

  • Edit player settings to support playlists
  • Publish a playlist

Editing player settings to support a playlist

When publishing playlists, there are some player properties that can be configured that control player sizing, whether the playlist auto advances to the next video and if the playlist appears next to the player. To configure the playlist related player properties, follow these steps:

  1. Open the Players module.
  2. Click on the player name to open the player properties.
  3. Click Styling in the left navigation menu.
  4. Select a Player Type that supports a playlist:
    • Playlist (Vertical) - Playlist displays on the right side of the player.
    • Playlist (Horizontal) - Playlist displays on the bottom of the player.
  5. When a playlist player option is selected, additional Playback properties can be configured:
    • Randomize play order - Videos will be played in a random order
    • Play video when selected - Clicking a thumbnail in the playlist menu will cause the video to play when loaded, even if the previous video in the player was paused
    • Continuous play mode - Videos will advance automatically and repeat indefinitely
    • Video Countdown - Only enabled when Continuous play mode is checked
      • Up next card (auto advance) - An up next card is displayed in the player
      • Up next endscreen (countdown) - An end screen countdown is displayed in the player
  6. Click Save to save changes. Remember to publish the player so the changes appear in the published player.

Publishing a playlist

The process to publish a playlist is the same as it was for publishing a video. To publish a playlist:

  1. Open the Media module.
  2. In the side navigation panel, click the All Playlists link.
  3. Click the checkbox next to the playlist to publish.
  4. Click Publish and Embed.
  5. Select the player to use and the type of embed code.

Note: When publishing a playlist using the Standard (iframe) publishing code, the iframe width must be larger than 640px for the playlist to appear.

Note: When using the Standard (iframe) embed code, the playlist has a show/hide button and is automatically sized and positioned. When using the Advanced (in-page) embed code, you must insert the playlist as an HTML <div> element and write your own CSS to position and size the playlist. This gives you full control over the playlist's display. In the latter case, the playlist does not even need to be adjacent to the player if you don't want it to be. The In-page embed player section of the Implementing Playlists document has substantial content on formatting and styling the playlist.

Hands-on Task: Publishing a playlist

In this task you will create a new player, edit player settings to support playlists and then publish a playlist.

Editing player settings to support playlists

Note: If you select the Responsive sizing option, the Standard (iframe) code works well and both the player and playlist are responsive. If you use the Advanced (in-page embed) code, the player will be responsive, but the playlist will not.

Publishing a playlist

  1. In Video Cloud Studio, click Players to open the Players module.
  2. Click New Player. Name the player Playlist Player and then click Save.
  3. Locate the Playlist Player and click on the player name to open the player properties.
  4. Set the Aspect Ratio to16:9.
  5. Set the Player Dimensions to a Width of 640.
  6. Click Styling in the left navigation menu.
  7. Click the Player Type of Playlist (Vertical).
  8. Click Playback in the left navigation menu.
  9. Check Play video when selected.
  10. Check Continuous play mode.
  11. Click Publish & Embed > Publish Changes to publish the changes to the player.
  12. Click Media to open the Media module.
  13. Click All Playlists in the side navigation panel to display all the playlists.
  14. Click the checkbox next to the Birds playlist.
  15. Click Publish and Embed > Web Player.
  16. Select the Playlist Player.
  17. Click on the URL link. The player will open in a new browser tab. Confirm that the playlist player appears and that the videos in the playlist can be played.
  18. (Optional) Email the player URL to your mobile device. Click on the link and confirm that playlist player appears and that the videos in the playlist can be played.