<h3>Day One</h3>
<select class="heat-selector" id="ytselector1">
	<option selected="true" disabled="disabled">---HEAT---</option>
	<option value="5070">ROUND 1 Heat 1 : Miguel Blanco, Pedro Scooby, Alex Botelho, Alexandre Ferreira</option>
	<option value="6870">ROUND 1 Heat 2 : Tiago Pires, João Guedes, Bruno Santos, Rodrigo Herédia</option>
	<option value="8670">ROUND 1 Heat 3 : Nicolau Von Rupp, Ruben Gonzalez, João Kopke, Edgar Nozes</option>
	<option value="10540">ROUND 1 Heat 4 : Marlon Lipke, Francisco Alves, Cory Lopez, Filipe Jervis</option>
	<option value="12660">ROUND 2 Heat 1 : Pedro Scooby, João Guedes, Alexandre Ferreira, Rodrigo Herédia</option>
	<option value="14565">ROUND 2 Heat 2 : João Kopke, Cory Lopez, Edgar Nozes, Francisco Alves</option>
	<option value="16500">ROUND 3 Heat 1 : Miguel Blanco, Tiago Pires, Pedro Scooby</option>
	<option value="18590">ROUND 3 Heat 2 : Bruno Santos, Alex Botelho, Rodrigo Herédia</option>
	<option value="27860">ROUND 3 Heat 3 : Ruben Gonzalez, Marlon Lipke, Francisco Alves</option>
	<option value="29780">ROUND 3 Heat 4 : Filipe Jervis, Nicolau Von Rupp, Cory Lopez</option>
</select> 
<div id="player1"></div>
<br/>
<br/>
<br/>
<h3>Day Two</h3>
<select class="heat-selector" id="ytselector2">
	<option selected="true" disabled="disabled">---HEAT---</option>
	<option value="1">Expression Session</option>
	<option value="1920">1/2 FINAIS Heat 1 : Tiago Pires, Rodrigo Herédia, Miguel Blanco, Bruno Santos</option>
	<option value="4355">1/2 FINAIS Heat 2 : Ruben Gonzalez, Nicolau Von Rupp, Marlon Lipke, Filipe Jervis</option>
	<option value="9370">FINAL : Bruno Santos, Ruben Gonzalez, Tiago Pires, Nicolau Von Rupp</option>
</select> 
<div id="player2"></div>

<style>
.heat-selector {
	color: #000;
	height: 30px;
	margin-bottom: 10px;
	width: 100%;
}
</style>
<script>
	// 2. This code loads the IFrame Player API code asynchronously.
	var tag = document.createElement('script');

	tag.src = "https://www.youtube.com/iframe_api";
	var firstScriptTag = document.getElementsByTagName('script')[0];
	firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

	// 3. This function creates an <iframe> (and YouTube player)
	//    after the API code downloads.
	
	var player1;
	var player2;
	function onYouTubeIframeAPIReady() {
		
		player1 = new YT.Player('player1', {
			height: '490',
			width: '100%',
			videoId: 'El9UwRQDMkc',
			playerVars: {
				start: 1,
			},
			events: {
			'onReady': onPlayer1Ready
			}
		});
		
		player2 = new YT.Player('player2', {
			height: '490',
			width: '100%',
			videoId: '4eOc8SUYO04',
			playerVars: {
				start: 1,
			},
			events: {
			'onReady': onPlayer2Ready
			}
		});
	}

	// 4. The API will call this function when the video player is ready.
	function onPlayer1Ready(event) {
		player1.pauseVideo();
		player1.seekTo(0);
		player1.pauseVideo();
		player1.seekTo(0);
		player1.pauseVideo();
	}
	function onPlayer2Ready(event) {
		player2.pauseVideo();
		player2.seekTo(0);
		player2.pauseVideo();
		player2.seekTo(0);
		player2.pauseVideo();
	}

	// 5. The API calls this function when the player's state changes.
	//    The function indicates that when playing a video (state=1),
	//    the player should play for six seconds and then stop.
	var done = false;
	function onPlayerStateChange(event) {
	
	}
	
	jQuery( "#ytselector1" ).change(function() {	
		player1.playVideo();
		player1.seekTo(jQuery(this).val());
		player1.seekTo(jQuery(this).val());
	});
	jQuery( "#ytselector2" ).change(function() {
		
		player2.playVideo();
		player2.seekTo(jQuery(this).val());
		player2.seekTo(jQuery(this).val());
	});
</script>