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   background-color: #000;
  16 }
  17
  18 .video-js.vjs-peertube-skin {
  19   width: 100%;
  20   height: 100%;
  21   overflow: hidden;
  22
  23   .vjs-poster {
  24     background-size: 100% auto;
  25   }
  26
  27   @media screen and (max-width: 350px) {
  28     .vjs-play-control {
  29       padding: 0 5px !important;
  30       width: 25px !important;
  31     }
  32
  33     .vjs-volume-control {
  34       display: none !important;
  35     }
  36
  37     .vjs-volume-panel {
  38       width: 26px !important;
  39     }
  40
  41     .vjs-peertube-link {
  42       padding: 0;
  43     }
  44   }
  45 }