HTML

<video autoplay="" id="backgroundvideo" loop="true" height="100%" width="100%"><source loop="true" src="videos/test1.mp4"></video>

CSS

#backgroundvideo{
  position: relative;
  display: block;
  width: 100% !important;
  height: auto !important;
}

html, body {
  height: 100%;
  width: 100%;
}

Controls:<p><video autoplay="autoplay" loop="" onclick="playPause() onmouseout=" this.play()"="" onmouseover="this.pause()" source src=".../myvideo.mp4"><p>Your browser does not support this file</p>