Video Player (HTML5) size for horizontal videos

Question

I have been using video player in html5 environment with the following css and script code :

.video {
  width:100%;
  height:auto;
  border:1px solid #7b7b7b;
}