client/src/standalone/videos/embed.scss

   1 @import '~video.js/dist/video-js.css';
   2 @import '~videojs-dock/dist/videojs-dock.css';
   3 @import '../../sass/video-js-custom.scss';
   4
   5 video {
   6   width: 99%;
   7 }
   8
   9 /* fill the entire space */
  10 html, body {
  11   height: 100%;
  12   margin: 0;
  13 }
  14
  15 .video-js {
  16   width: 100%;
  17   height: 100%;
  18   overflow: hidden;
  19 }
  20
  21 .vjs-poster {
  22   background-size: 100% auto;
  23 }
  24
  25 .vjs-peertube-link {
  26   color: white;
  27   text-decoration: none;
  28   font-size: 1.3em;
  29   line-height: 2.20;
  30   transition: all .4s;
  31   position: relative;
  32   right: 8px;
  33 }
  34
  35 .vjs-resolution-button-label {
  36   left: -7px;
  37 }
  38
  39 .vjs-peertube-link:hover {
  40   text-shadow: 0 0 1em #fff;
  41 }
  42
  43 // Fix volume panel because we added a new component (PeerTube link)
  44 .vjs-volume-panel {
  45   margin-right: 130px !important;
  46 }