# Related videos in Settings menu

## Code Source

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

    <!--Video tag setup-->
    <video id="player_1" class="video-js vjs-fluid" controls preload playsinline poster="../examples/assets/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: '../examples/assets/images/thumbs/surf.jpg',url: '/videojs/demo/surf',title: 'Surfing is beatiful', duration:'04:12'},
    	{thumb: '../examples/assets/images/thumbs/big_buck.jpg',url: '/videojs/demo/big_buck',title: 'Big Buck Bunny', duration: '02:17'},
    	{thumb: '../examples/assets/images/thumbs/animals.jpg',url: '/videojs/demo/animals',title: 'Amazing animals!', duration: '03:03'},
    	{thumb: '../examples/assets/images/thumbs/freeride.jpg',url: '/videojs/demo/freeride',title: 'Free Ride', duration: '05:50'},
    	{thumb: '../examples/assets/images/thumbs/australia.jpg',url: '/videojs/demo/australia',title: 'Australia', duration: '02:29'},
    	{thumb: '../examples/assets/images/thumbs/base_jumpb.jpg',url: '/videojs/demo/base_jump',title: 'BASE Jump', duration: '03:20'},
    	{thumb: '../examples/assets/images/thumbs/alaska.jpg',url: '/videojs/demo/alaska',title: 'Alasca beauty', duration: '02:54'},
    	{thumb: '../examples/assets/images/thumbs/cymaticjazz.jpg',url: '/videojs/demo/cymaticjazz',title: 'Cymatic Jazz', duration: '02:35'},
    	{thumb: '../examples/assets/images/thumbs/serenity.jpg',url: '/videojs/demo/serenity',title: 'Serenity Trailer', duration: '02:13'},
    	{thumb: '../examples/assets/images/thumbs/newyorkcity.jpg',url: '/videojs/demo/newyorkcity',title: 'New York', duration: '01:07'},
    	{thumb: '../examples/assets/images/thumbs/thailand.jpg',url: '/videojs/demo/thailand',title: 'Thailand', duration: '02:06'},
    	{thumb: '../examples/assets/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.