You are here

Home » API reference » Bootstrap Styles 1.0.x

background-media.css in Bootstrap Styles 1.0.x 

.background-local-video {
  overflow: hidden;
  position: relative;
}

.background-local-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.background-local-video .video-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

File

css/build/plugins/background-media.css
View source 
  1. .background-local-video {

  2.   overflow: hidden;

  3.   position: relative;

  4. }

  5. 

  6. .background-local-video video {

  7.   position: absolute;

  8.   top: 50%;

  9.   left: 50%;

  10.   min-width: 100%;

  11.   min-height: 100%;

  12.   width: auto;

  13.   height: auto;

  14.   z-index: 0;

  15.   -ms-transform: translateX(-50%) translateY(-50%);

  16.   -moz-transform: translateX(-50%) translateY(-50%);

  17.   -webkit-transform: translateX(-50%) translateY(-50%);

  18.   transform: translateX(-50%) translateY(-50%);

  19. }

  20. 

  21. .background-local-video .video-content {

  22.   position: absolute;

  23.   top: 0;

  24.   left: 0;

  25.   right: 0;

  26.   bottom: 0;

  27.   z-index: 1;

  28. }