yaffs.net Git - yaffs-website/blob - node_modules/video.js/src/css/components/_control-bar.scss

   1 .video-js .vjs-control-bar {
   2   display: none;
   3   width: 100%;
   4   position: absolute;
   5   bottom: 0;
   6   left: 0;
   7   right: 0;
   8   height: 3.0em;
   9
  10   @include background-color-with-alpha($primary-background-color, $primary-background-transparency);
  11 }
  12
  13 // Video has started playing
  14 .vjs-has-started .vjs-control-bar {
  15   @include display-flex;
  16   visibility: visible;
  17   opacity: 1;
  18
  19   $trans: visibility 0.1s, opacity 0.1s; // Var needed because of comma
  20   @include transition($trans);
  21 }
  22
  23 // Video has started playing AND user is inactive
  24 .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  25   // Remain visible for screen reader and keyboard users
  26   visibility: visible;
  27   opacity: 0;
  28
  29   $trans: visibility 1.0s, opacity 1.0s;
  30   @include transition($trans);
  31
  32 }
  33
  34 .vjs-controls-disabled .vjs-control-bar,
  35 .vjs-using-native-controls .vjs-control-bar,
  36 .vjs-error .vjs-control-bar {
  37   // !important is ok in this context.
  38   display: none !important;
  39 }
  40
  41 // Don't hide the control bar if it's audio
  42 .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  43   opacity: 1;
  44   visibility: visible;
  45 }
  46
  47 // IE 8 + 9 Support
  48 .vjs-has-started.vjs-no-flex .vjs-control-bar {
  49   display: table;
  50 }