Click me to change size via class swap

<style type="text/css" media="screen">
 
		.size1 {
			width : 600px;
			height : 300px;
		}
 
		.size2 {
			width : 300px;
			height : 150px;
		}
 
	</style>
 
	<script>
	var current = "size1";
	function changeSize(){
		var playerDIV = document.getElementById("player");
 
		if(current == "size1"){
			current = "size2";
		} else {
			current = "size1";
		}
		playerDIV.className = current;
	}
	</script>
	
	<div id="player" class="size1" data-wimpyplayer data-responsive></div>
 
	<p onclick="changeSize()">Click me to change size via class swap</p>