Gallery plugin for Videojs

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", {license:"key"});
player.nuevo({ contextMenu: false });
var videosList = [ ... ];
player.morevideo( videosList );
</script>

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'
}];

By default, when you click on a gallery item, it opens the URL in a new tab (target="_blank"). You can modify the target to open the URL in the same window (target="_self").

Code snippet

player.morevideo(videosList, {target:"_self"});

The Gallery plugin has an option to act exactly same as on Youtube embed player. This means that the gallery container will popup on each pause event, until you choose it to close manually.

Code snippet

player.morevideo(videosList, {onpause:true});

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