Gallery plugin for Videojs

More videos gallery plugin

The gallery slider is very similar to what you see in the embedded YouTube player. It shows an unlimited number of video thumbnails, which you can move between using the arrows or your finger on a touch device.The Javascript array of gallery items is defined in the same way as the set of related videos.

Code snippet

<script src="/videojs/video.min.js"></script>
<script src="/videojs/nuevo.min.js"></script>
<link href="//videojs/plugins/morevideo.css" rel="stylesheet" type="text/css">>
<script src="/videojs/plugins/morevideos.js"></script>
<script>
var player = videojs("my_player");
player.nuevo({ contextMenu: false });
var videosList = [ ... ];
player.morevideo( videosList );
</script>

You may consider merging a CSSgallery stylesheet CSS file with a videojs skin CSS file to limit HTTP requests.
Each item in the video list array must include information about the video page URL, video thumbnail, title, and duration. This was described in detail on the related videos demo page.

Code snippet

var videos_list = [{
thumb: '//domain.com/path/to/video_thumb.jpg',
url: '//domain.com/path/to/video.html',
title: 'Video title',
duration: '05:30'
}];

Gallery plugin is included free in Gold Plan of the Nuevo software.