This is a modal window.
<!--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.
