Midroll Video Ads

Single Midroll Video

start: 00:10, skippable: 8sec.

<!--Initialize player and plugins-->
<script>
	var player = videojs('player_one');
	player.nuevo(); 
	player.midroll({
		src:"//devnuevo.com/media/video/midroll0.mp4",
		type:"video/mp4",
		url:"https://www.nuevodevel.com/nuevo/showcase/midroll",
		offset: '10',
		skip: 8,
		id: '1'
	})
</script>

Two Midroll Videos

start1: 20%, skip: 5sec. | start2: 40%, skip: 3sec.

<!--Initialize player and plugins-->
<script>
	var player = videojs('player_one');
	player.nuevo(); 
	player.midroll([
		{
			src: "//devnuevo.com/media/video/midroll1.mp4",
			type: "video/mp4",
			url: "https://www.nuevodevel.com/nuevo/showcase/midroll",
			offset: '10%',
			skip: 5,
			id: '2'
		}, {
			src: "//devnuevo.com/media/video/midroll2.mp4",
			type: "video/mp4",
			url: "https://www.nuevodevel.com/nuevo/showcase/midroll",
			offset: '20%',
			skip: 3,
			id: '3'
		}
	]);
</script>

Three Midroll Videos

start1: 10sec, skip: 5sec. | start2: 10sec., skip: 3sec. | start: 50% no-skip

<!--Initialize player and plugins-->
<script>
	var player = videojs('player_one');
	player.nuevo(); 
	player.roll([
		{
			src: "//devnuevo.com/media/video/midroll1.mp4",
			type: "video/mp4",
			href: "https://www.nuevodevel.com/nuevo/showcase/midroll",
			offset: 10,
			skip: 5,
			id: '4'
		}, {
			src: "//devnuevo.com/media/video/midroll2.mp4",
			type: "video/mp4",
			href: "https://www.nuevodevel.com/nuevo/showcase/midroll",
			offset: 10,
			skip: 3,
			id: '5'
		}, {
			src: "//devnuevo.com/media/video/midroll3.mp4",
			type: "video/mp4",
			href: "https://www.nuevodevel.com/nuevo/showcase/midroll",
			offset: '50%',
			id: '6'
		}
	]);
</script>