Vimeo issue

HTML

<script src="https://player.vimeo.com/api/player.js"></script>
<div class="one">
		<iframe src="https://player.vimeo.com/video/286183716" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<p><a href="https://vimeo.com/286183716">Annihilation Song | Rubblebucket (Official Music Video)</a> from <a href="https://vimeo.com/amandabonaiuto">Amanda Bonaiuto</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
	</div>
	<button class="btnonePlay"> Play video one</button>
	<button class="btnonePause"> Pause video one</button>
	
	<div class="two">
	<iframe src="https://player.vimeo.com/video/286183716" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<p><a href="https://vimeo.com/286183716">Annihilation Song | Rubblebucket (Official Music Video)</a> from <a href="https://vimeo.com/amandabonaiuto">Amanda Bonaiuto</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
	</div>
	<button class="btntwoPlay"> Play video two</button>
	<button class="btntwoPause"> Pause video two</button>

JavaScript

var vid1=new Vimeo.Player($('.one'));
	var vid2=new Vimeo.Player($('.two'));
	$('.btnonePlay').on('click',function(){
		vid1.play();
	})
	$('.btnonePause').on('click',function(){
		vid1.pause();
	})
	$('.btntwoPlay').on('click',function(){
		vid2.play();
	})
	$('.btntwoPause').on('click',function(){
		vid2.pause();
	})