/* Create a Parallax Effect */
.bgimg-1 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgimg-1  {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.bgimg-1__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}



  <video class="bgimg-1" autoplay poster="" width="" preload="auto" class="" loop muted>
	  <source src="TimeLapse.mp4" type="video/mp4" class="">       <!-- i want this as the source when screen size is above 1024px-->
	  <source src="MobiLapse.mp4" type="video/mp4" class="">      <!-- i want this as the source when screen size is below 1024px-->
  </video>