Tutorial

How to Create a Video Playlist

A video playlist allows you to create one video player that plays multiple video clips. The user can pick and choose which video clips to play, or it can be set up to auto-play which will automatically play each clip.

Video playlists can be embedded on your content, department or portal pages. The video playlist player has a responsive design option so it will adjust to the screen size on any desktop or mobile device. A user will be able to view the embedded video clips directly from your pages.

*Note: Before a Video Playlist can be set up, it is necessary to add a new video player for each video file first. Please see How to Set Up a Video Player.

Here is an example of an embedded video playlist:

LMS Tour
Staged Subscription Form

 


To Embed a Video Playlist:

 

1. Under 'Multimedia' choose 'Video Playlist'

Under 'Multimedia' choose 'Video Playlist'

 

 

2. Choose 'Add New Video Playlist' from the drop down menu and click the 'Add/Edit Video Playlist' button.

Choose 'Add New Video Playlist' from the drop down menu and click the 'Add/Edit Video Playlist' button. 

 

How to Create a Video Playlist
3. Add a title for the video in the 'Playlist Title' field and a description in the 'Playlist Description' field

Add a title for the video in the 'Playlist Title' field and a description in the 'Playlist Description' field

 

How to Create a Video Playlist
4. Select the Video Files for this Playlist

All of the video players that have been set up will appear in the 'Available Videos' box in the 'Playlist' field. Select the video files for this playlist (multiple files can be selected by holding the Ctrl key) and choose the <<< button to move them to the Playlist box

 

 

 

The Video Files will Appear in the Playlist box.

The video files in the playlist box can be rearranged by selecting the video file and then clicking on the up or down buttons depending on where you would like to move them.

 

5. Click on 'Upload Image File' and select an image for the 'Playlist Image'

Playlist Image - Click on 'Upload Image File' and select an image from your local drive. This image will appear as the static image for the video playlist player before it begins playing.

 

6. Add a Playlist Width and Playlist Height

Add a Playlist Width and Playlist Height

 

7. Check the box for 'Controls Below' to have the controls show all the time.

Check the box for 'Controls Below'. If that box is checked, the controls will be shown the whole time. If the 'Controls Below' is left unchecked, the bottom controls will only show when the user hovers over the video player.

 

8. Check the box for 'Playlist Responsive' to create a responsive video playlist player

Playlist Responsive - Checking that box will create a responsive video playlist player that fills the width of the page.

 

9. Check the box for 'Playlist Autoplay' if the video should automatically begin playing upon loading

Playlist Autoplay - Check that box if the video should automatically begin playing upon loading. Leave the box unchecked so the user has to manually click the play button to begin watching.

 

10. Check the box for 'Loop Playlist' to automatically restart the playlist when completed

Playlist Autoplay - Check that box if the video should automatically begin playing upon loading. Leave the box unchecked so the user has to manually click the play button to begin watching.

 

11. Choose the initial volume setting for the video playlist in the 'Playlist Volume' field

Playlist Volume - Choose the initial volume setting for the video playlist from the drop down box. The user can manually adjust the volume in the controls.

 

12. Set the Color for the buttons on the control bar in the 'Button Color' box

Button Color - Set the Color for the buttons on the control bar. Click in the box and enter the hexadecimal color if known, or click in the color box to choose a color.

 

13. Set the color for the buttons on the control bar when the user hovers over them in the 'Button Hover Color' box

Button Hover Color - Set the color for the buttons on the control bar when the user hovers over them. Click in the box and enter the hexadecimal color if known, or click in the color box to choose a color.

 

14. Set the color for the volume and progress bars on the player using the 'Progress/Volume Bar Color' box

Progress/Volume Bar Color - Set the color for the volume and progress bars on the player. Click in the box and enter the hexadecimal color if known, or click in the color box to choose a color.

 

15. Set the color for the color behind the volume and progress bars in the 'Playbar Background Color' box

Playbar Background Color - Set the color for the color behind the volume and progress bars. Two colors can be set as the color will appear as a gradient. The first color will appear on the bottom and the second color will appear on the top. Click in the first box and enter the hexadecimal color if known, or click in the color box to choose a color. Repeat in the second box.

 

16. Set the color for the background of the video playlist player in the 'Screen Color' box

Screen Color - Set the color for the background of the video playlist player. Click in the box and enter the hexadecimal color if known, or click in the color box to choose a color.

 

17. Choose the 'Save Playlist' button

Choose the 'Save Playlist' button

18. Copy the CF tag and paste it in the main text box of a content, department or portal page

Copy the CF tag and paste it in the main text box of a content, department or portal page where you would like the video to be shown.

 

How to Create a Video Playlist