yaffs.net Git - yaffs-website/blob - web/modules/contrib/video_embed_field/css/video_embed_field.responsive-video.css

   1 .video-embed-field-responsive-video {
   2   position: relative;
   3 }
   4
   5 .video-embed-field-responsive-video:after {
   6   content: '';
   7   display: block;
   8   padding-bottom: 56.25%;
   9 }
  10
  11 .video-embed-field-responsive-video iframe {
  12   position: absolute;
  13   top: 0;
  14   right: 0;
  15   bottom: 0;
  16   left: 0;
  17   width: 100%;
  18   height: 100%;
  19   margin: 0;
  20 }
  21
  22 .video-embed-field-responsive-modal {
  23   max-width: 100%;
  24 }
  25
  26 .video-embed-field-lazy {
  27   cursor: pointer;
  28   position: relative;
  29 }
  30
  31 .video-embed-field-lazy img {
  32   width: 100%;
  33 }
  34
  35 .video-embed-field-lazy-play {
  36   height: 72px;
  37   width: 72px;
  38   left: 50%;
  39   top: 50%;
  40   margin-left: -36px;
  41   margin-top: -36px;
  42   position: absolute;
  43   background: url("icons/play.svg") no-repeat;
  44   cursor: pointer;
  45   background-size: 72px 72px;
  46 }