Related videos in Settings menu

Code Source

<!--Load player skin, videojs and nuevo plugin inside <body> tag-->
<link href="../videojs/skins/nuevo/videojs.min.css" rel="stylesheet" type="text/css" />
<script src="../videojs/video.min.js"></script>
<script src="../videojs/nuevo.min.js"></script>

<!--Video tag setup-->
<video id="player_1" class="video-js vjs-fluid" controls preload playsinline poster="images/poster.jpg">
	<source src="//opencdn.b-cdn.net/video/demo_720.mp4" type="video/mp4">
	<source src="//opencdn.b-cdn.net/video/demo_720.webm" type="video/webm">

<!--Related video items setup-->
<script>
	var related_videos = [
	{thumb: 'images/thumbs/surf.jpg',url: '/videojs/demo/surf',title: 'Surfing is beatiful', duration:'04:12'},
	{thumb: 'images/thumbs/big_buck.jpg',url: '/videojs/demo/big_buck',title: 'Big Buck Bunny', duration: '02:17'},
	{thumb: 'images/thumbs/animals.jpg',url: '/videojs/demo/animals',title: 'Amazing animals!', duration: '03:03'},
	{thumb: 'images/thumbs/freeride.jpg',url: '/videojs/demo/freeride',title: 'Free Ride', duration: '05:50'},
	{thumb: 'images/thumbs/australia.jpg',url: '/videojs/demo/australia',title: 'Australia', duration: '02:29'}, 
	{thumb: 'images/thumbs/base_jumpb.jpg',url: '/videojs/demo/base_jump',title: 'BASE Jump', duration: '03:20'},
	{thumb: 'images/thumbs/alaska.jpg',url: '/videojs/demo/alaska',title: 'Alasca beauty', duration: '02:54'},
	{thumb: 'images/thumbs/cymaticjazz.jpg',url: '/videojs/demo/cymaticjazz',title: 'Cymatic Jazz', duration: '02:35'},
	{thumb: 'images/thumbs/serenity.jpg',url: '/videojs/demo/serenity',title: 'Serenity Trailer', duration: '02:13'},
	{thumb: 'images/thumbs/newyorkcity.jpg',url: '/videojs/demo/newyorkcity',title: 'New York', duration: '01:07'},
	{thumb: 'images/thumbs/thailand.jpg',url: '/videojs/demo/thailand',title: 'Thailand', duration: '02:06'},
	{thumb: 'images/thumbs/titanic.jpg',url: '/videojs/demo/titanic',title: 'Titanic 2', duration: '04:09'}
	];

	<!--Initialize the player and plugin-->
	var player = videojs('player_1');
	player.nuevo({ 
		related: related_videos
	});
</script>
Please remind that this code example use relative paths for related URL links.
In real scenario you must use absolute URLs to valid website pages.