movie in background login page?

    This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

    • heres what i have the video is an example i placed in the footer

      <video autoplay loop id="video-background" muted plays-inline>
      <source src="https://player.vimeo.com/external/158148793.hd.mp4?&profile_id=119&oauth2_token_id=57447761" type="video/mp4">
      </video>

      css in the beginning

      }
      .qtip *{
      padding:0;
      margin:0;
      }
      html{
      width:auto;
      padding:0;
      margin:0;
      }

      /* The only rule that matters */
      #video-background {
      background:#000111 url(../images/bg.jpg)repeat;
      /* making the video fullscreen */
      position: fixed;
      right: 0;
      bottom: 0;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -100;
      }

      /* These just style the content */
      article {
      /* just a fancy border */
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 10px solid rgba(255, 255, 255, 0.5);
      margin: 10px;
      }

      h1 {
      position: absolute;
      top: 60%;
      width: 100%;
      font-size: 36px;
      letter-spacing: 3px;
      color: #fff;
      font-family: Oswald, sans-serif;
      text-align: center;
      }

      h1 span {
      font-family: sans-serif;
      letter-spacing: 0;
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      }

      h1 span a {
      color: #fff;
      }
      }
      body.full{
      min-width:1000px;
      }
      img{
      border:none;
      }
      a{
      font-weight:normal;
      color: #fff;
      text-decoration:none;
      }

      a:hover{
      color:#5ca6aa;
      }
      a span.active_page{
      color:#066;
      cursor:default;
      }
      :focus{ outline: 0; }
      /* Headings */
      h1{
      }
      h2{
      }
      h3{
      }
      h4{
      }
      h5{
      }
      h6{
      }
      ::-webkit-input-placeholder { /* WebKit browsers */
      color: #666;
      }
      :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color: #666;
      }
      ::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: #666;
      }
      :-ms-input-placeholder { /* Internet Explorer 10+ */
      color: #666;
      }
      input[type=checkbox]{
      cursor:pointer;
      }
      /*clear*/
      .clear{
      clear:both;
      }