MY CODE >> Video Player
<!-- Tommy Martin
    October 2013
    
    This webpage uses HTML5 and JavaScript to cycle through three different videos
    automatically. -->
    
<html>
  <link rel="stylesheet" href="styles.css">
  <title>Video Timeline</title>

  
  <body>
	
	<svg width ="600" height="100">
		<text x=300 y=75
			font-family="impact"
			font-size="60px"
			fill="996600"
			text-anchor="middle">
		Smart Homes
		</text>
	</svg>
  
	<video id="tutorials" autoplay onended="runNext()" autobuffer="true"
		width="600px" height="350px" controls>
		<source src="video1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
	</video>
	
	<br>
	<br>
	
	<button id="tut1" onclick="runVideo(1);">Play Tutorial 1</button>
	<button id="tut2" onclick="runVideo(2);">Play Tutorial 2</button>
	<button id="tut3" onclick="runVideo(3);">Play Tutorial 3</button>
	
	<br>
	<br>
	<br>
	
	Audio Clip from Twenty One Pilots<br>
	<audio controls>
		<source src="05 - Car Radio.mp3" type="audio/mpeg">
		Audio Clip Twenty One Pilots
	</audio>
	
	<script type="text/javascript">

		video_count =1;
		videoPlayer = document.getElementById("tutorials");

		function runNext()
		{
			runVideo(video_count+1);
		}

		function runVideo(number)
		{
			if (number > 3) return;
			video_count = number;
			videoPlayer.src = "video"+video_count+".mp4";
			videoPlayer.play();
		}

	</script>
  
	<br>
  
  </body>
</html>