Embedded Video Style Problem.

My blog is “https://riseordie.com.au/blog/”. I’ve embedded both youtube and vimeo videos within a post and applied a border to them in my stylesheet, the problem is i keep getting a line of space above the video within the border. This is happening in both instances. Can any one see where i am going wong? Your help would be much appreciated.

Below is the Vimeo and YouTube embeded respectivly.

<vid class="aligncenter">
<object width="630" height="354"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="https://vimeo.com/moogaloop.swf?clip_id=2410544&server=vimeo.com&show_title=1&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1" /><embed src="https://vimeo.com/moogaloop.swf?clip_id=2410544&server=vimeo.com&show_title=1&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="630" height="354"></embed></object>
</vid>

<vid class="aligncenter">
<object width="630" height="354"><param name="movie" value="https://www.youtube.com/v/wSBn4I2auRc&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="https://www.youtube.com/v/wSBn4I2auRc&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="630" height="354"></embed></object>
</vid>

My CSS is as follows.

vid {
	padding: 0px;
	border:5px solid black;
	}

vid.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}