Java Script error

Caros amigos, sou novo no fórum, tenho 14 anos e estou com problema no meu código java. O problema é o seguinte, ele exibe os vídeos que estão cadastrados no banco de dados, até ai tudo certo, exceto os botões do vídeo. eles não funcionam e pelo que parece, o id não está chegando no botão,o que posso fazer? tenho prazo de entrega.

<?php
$query = mysql_query("SELECT `id`, `name`, `url` FROM videos order by 'id'");

while($run = mysql_fetch_array($query)){

	$video_id = $run['id'];
	$video_name = $run['name'];
	$video_url = $run['url'];

	echo "aqui $video_id <br>";
	echo "aqui $video_name <br>";
	echo "aqui $video_url <br>";

	?>

	<div style="text-align:center">

	<video id="<?php echo $video_id; ?>" width="500" controls>

	<source src="<?php echo $video_url; ?>" type='video/mp4' >

	</video>
	<br>
	<button id="<?php echo $video_id; ?>" onclick="playPause()">Play/Pause</button>
	<button id="<?php echo $video_id; ?>" onclick="makeBig()">Big</button>
	<button id="<?php echo $video_id; ?>" onclick="makeSmall()">Small</button>
	<button id="<?php echo $video_id; ?>" onclick="makeNormal()">Normal</button>
	<br>
	</div>
	<br>

	<br>

	<script>
	var myVideo = $('button').attr('id');

	function playPause()
	{
 if (myVideo.paused)
 myVideo.play();
 else
 myVideo.pause();
	}

	function makeBig($video_id)

	myVideo.width=560;
	alert(myVideo.id + (button))

}

function makeSmall()

myVideo.width=320;
}

function makeNormal()

myVideo.width=420;
}
</script>
<br>

<br>

<br>
<?php
}
?>

</body>