Tutorial
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:
To Embed a Video Playlist:
Under 'Multimedia' choose 'Video Playlist'
Choose 'Add New Video Playlist' from the drop down menu and click the 'Add/Edit Video Playlist' button.
Add a title for the video in the 'Playlist Title' field and a description in the 'Playlist Description' field
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.
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.
Add a Playlist Width and Playlist Height
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.
Playlist Responsive - Checking that box will create a responsive video playlist player that fills the width of the page.
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.
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.
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.
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.
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.
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.
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.
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.
Choose the 'Save Playlist' button
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.
