Slick Slider - Video Carousel
Some info on this demo.
window.addEventListener( 'DOMContentLoaded', function() {
( function( $ ) {
slickInit( '#slider_1', {
'sliderType': 'video-carousel',
'thumbnailsToShow': 3,
'bodyClass': '',
'ariaLabel': '',
'ariaLabelTarget': 'sliderLabel_1',
'centerMode': false,
'dots': false,
'sliderClass': 'cdc-carousel-slider',
'callback': function( slider, defaults, slick ) {
$( slider ).addClass( 'cdc-video-slider' );
},
'responsive': [
{ 'breakpoint': 1200, 'settings': { 'slidesToShow': 1, 'slidesToScroll': 1 } },
{ 'breakpoint': 992, 'settings': { 'slidesToShow': 1, 'slidesToScroll': 1 } },
{ 'breakpoint': 768, 'settings': { 'slidesToShow': 1, 'slidesToScroll': 1 } },
{ 'breakpoint': 576, 'settings': { 'slidesToShow': 1, 'slidesToScroll': 1 } },
{ 'breakpoint': 0, 'settings': { 'slidesToShow': 1, 'slidesToScroll': 1, 'centerPadding': '20px' } }
]
} );
} )( jQuery );
} );