www.aleph1.co.uk Git - yaffs-website/blob - node_modules/video.js/src/css/components/_poster.scss

   1 .vjs-poster {
   2   display: inline-block;
   3   vertical-align: middle;
   4   background-repeat: no-repeat;
   5   background-position: 50% 50%;
   6   background-size: contain;
   7   background-color: #000000;
   8   cursor: pointer;
   9   margin: 0;
  10   padding: 0;
  11   position: absolute;
  12   top: 0;
  13   right: 0;
  14   bottom: 0;
  15   left: 0;
  16   height: 100%;
  17 }
  18
  19 // Used for IE8 fallback
  20 .vjs-poster img {
  21   display: block;
  22   vertical-align: middle;
  23   margin: 0 auto;
  24   max-height: 100%;
  25   padding: 0;
  26   width: 100%;
  27 }
  28
  29 // Hide the poster after the video has started playing
  30 .vjs-has-started .vjs-poster {
  31   display: none;
  32 }
  33
  34 // Don't hide the poster if we're playing audio
  35 .vjs-audio.vjs-has-started .vjs-poster {
  36   display: block;
  37 }
  38
  39 // Hide the poster when native controls are used otherwise it covers them
  40 .vjs-using-native-controls .vjs-poster {
  41   display: none;
  42 }