client/src/standalone/videos/embed.scss

   1 @import '_variables';
   2 @import '_mixins';
   3 @import '~video.js/dist/video-js.css';
   4 @import '~videojs-dock/dist/videojs-dock.css';
   5 @import '../../sass/video-js-custom.scss';
   6
   7 video {
   8   width: 99%;
   9 }
  10
  11 /* fill the entire space */
  12 html, body {
  13   height: 100%;
  14   margin: 0;
  15 }
  16
  17 .video-js.vjs-peertube-skin {
  18   width: 100%;
  19   height: 100%;
  20   overflow: hidden;
  21
  22   .vjs-poster {
  23     background-size: 100% auto;
  24   }
  25
  26   @media screen and (max-width: 350px) {
  27     .vjs-play-control {
  28       padding: 0 5px !important;
  29       width: 25px !important;
  30     }
  31
  32     .vjs-volume-control {
  33       display: none !important;
  34     }
  35
  36     .vjs-volume-panel {
  37       width: 26px !important;
  38     }
  39
  40     .vjs-peertube-link {
  41       padding: 0;
  42     }
  43   }
  44 }