#slider video {
  position: absolute;
  object-fit: cover;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out; 
}
.video1 
{
  top: 0%;
}
.video2{
  top: 0%;
}

#slider video.active {
  opacity: 1;
}