Gallery plugin for Videojs

More videos gallery plugin

A project that we developed for one of our private websites some time ago. It shows `more videos` thumbs gallery above the control bar. The gallery is fully responsible, though it does not appear on player with less than 480 px width. On touch device you can navigate gallery items rather by finger than navigation arrows.
Gallery items are defined in the same way as related videos, so the user can use the same array of videos for both: related and more videos. Of course this can be 2 different sets of videos as well.

Code snippet

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

You may consider to merge gallery stylesheet CSS file with a videojs skin css file to limit http requests.
Videos list is an array of videos to include in gallery. Each Video item 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'
}, {
....
}
];

More videos is separate plugin, available to purchase by Nuevo license holders in the client area for € 11.00. Possible to use across all registered domains. Apart of standard js file, the plugin is delivered as ES and CJS modules as well.