Responsive html5 video

by bhupendra negi

HTML

<div id="background">
  <video autoplay>
    <source src="http://www.w3schools.com/html/mov_bbb.mp4">
  </video>
</div>

CSS

#background{
  position:relative;
  padding-bottom:55%;
  background:#000;
}
#background video{
  position:absolute;
  top:0;left:0;
  width:100%;
  height:100%;
}