Video Playlist as a Horizontal Carousel With Lightbox Effect

The following is an example of displaying a video playlist as a horizontal carousel with lightbox effect

You could use a horizontal carousel with lightbox effect when you have to show a lot of information on your page and having video player for each video would take up to much real estate on your page

Please note that VideoCloudManager automatically creates this code for your video playlist; you just have to paste this code on your web page.

For the lightbox component, we chose easyModal.js, which is a minimal jQuery modal that works with your CSS..

For the slider component, we chose bxSlider, which is a fully Responsive jQuery based Content Slider.

In order to render the video playlist as a horizontal carousel, we used theHorizontal mode of the bxSlider. We connected the events from the bxSlider to a easyModal.js and we connected the events from the easyModal.js to the VideoJS player. And we also wired the events for VideoJS to easyModal.js to bxSlider.