Play HTML5 videos in a row.

index.html

<!-- Videos used from http://www.coverr.co/ -->

<video id="test" autoplay src="Acro/WEBM/Acro.webm" type="video/webm" class="fillWidth" controls>

</video>

<script type="text/javascript">
	var videoSource = new Array();

	videoSource[0] = 'Acro/WEBM/Acro.webm';
	videoSource[1] = 'Coverr-beach/Coverr-beach.webm';

	var videoCount = videoSource.length;

	function videoPlay( videoNum ) {console.log( videoSource[ videoNum ] );
		document.getElementById( "test" ).setAttribute( "src", videoSource[ videoNum ] );
		document.getElementById( "test" ).load();
		document.getElementById( "test" ).play();
	}

	document.getElementById( 'test' ).addEventListener( 'ended', myHandler, false );

	i = 0;

	function myHandler() {
		i++;

		if ( i > ( videoCount - 1 ) ) {
			i = 0;

			videoPlay( i );
		} else {
			videoPlay( i );
		}
	}
</script>