The Video Playlist widgets make it easy to add a collection of Vimeo or YouTube videos to any page

Playlists are a great way to bring together a set of videos into a single lesson.

When added to a Flow page, the Playlist is responsive. On wider screens the list of videos will display on the right side of the main video panel. On narrower screens the list of videos will be shown under the main video panel.

NOTE: You can't mix YouTube and Vimeo videos in the same Playlist.

Configuring a Youtube or Vimeo playlist

It's pretty straightforward to set up the Playlist.

After you've aadded one to a Page, the Configure your Playlist panel will open.

Check out the drag and drop option for adding more videos, it's a great time saver.


View full lesson >>
 

00:00 / 00:40
    00:00  On the Configure Your Playlist panel select the icon in the video thumbnail box to add the first video.
    00:04  The Stream Video dialog box opens. Select the text entry field to add the video's URL. We'll add in a URL for this example.
    00:08  Select OK.
    00:12  Adding the video automatically fills in the Title and Description fields. There are two ways to add more videos: using the Add Another Video button OR by dragging and dropping directly from the browser where the video is open. Let's use the button first. Select + Add Another Video
    00:16  The Stream Video dialog box opens. Select the text entry field to add the video's URL. We'll add in a URL for this example.
    00:20  Select OK.
    00:24  The second video is added to the Configure Your Playlist panel. You can also add videos by dragging and dropping the URL from a browser window. With the URL selected (so it's highlighted), begin dragging.
    00:28  The Configure Your Playlist panel will become grey. Drop the URL anywhere on the panel.
    00:32  The new video is added to the Playlist. Click Ok.
    00:36  The Playlist is added to your Page. In Claro you can use the handle in the lower right corner or the Size fields in the Selection Control Bar above the Stage to change the display size of the Playlist. In Flow, the size will be determined responsively by the Element size.

Options

The Options tab offers controls for the display and behavior of the playlist:

 

Under Variations you can choose whether or not to display a thumbnail of the video along with the Title and Description text.

Under Playlist you can set whether the menu will show the Description text, the video time and whether the playlist should autoplay from one video to the next.

You can also set the breakpoint at which the playlist's responsive behaviour will be triggered. 

  0     0

Similar Projects

Questions  ( 0 )