yaffs.net Git - yaffs-website/blob - node_modules/video.js/src/css/components/_text-track.scss

   1 // Emulated tracks
   2 .vjs-text-track-display {
   3   position: absolute;
   4   bottom: 3em;
   5   left: 0;
   6   right: 0;
   7   top: 0;
   8   pointer-events: none;
   9 }
  10
  11 // Move captions down when controls aren't being shown
  12 .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  13   bottom: 1em;
  14 }
  15
  16 // Individual tracks
  17 .video-js .vjs-text-track {
  18   font-size: 1.4em;
  19   text-align: center;
  20   margin-bottom: 0.1em;
  21   // Transparent black background, or fallback to all black (oldIE)
  22   @include background-color-with-alpha(#000, 0.5);
  23 }
  24
  25 .vjs-subtitles { color: #fff; } // Subtitles are white
  26 .vjs-captions { color: #fc6; } // Captions are yellow
  27 .vjs-tt-cue { display: block; }
  28
  29 // Native tracks
  30 video::-webkit-media-text-track-display {
  31   @include transform(translateY(-3em));
  32 }
  33
  34 // Move captions down when controls aren't being shown
  35 .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  36   @include transform(translateY(-1.5em));
  37 }