MediaWiki:Gadget-YouTubeLazy.css

Материал из rock63.ru
Перейти к: навигация, поиск

Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
  • Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
  • Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
  • Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
/*Responsive Embed*/
.video-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/*Responsive Embed*/
.widget-youtube {
   display: inline-block;
   width: 100%;
}

.widget-youtube .video-container {
   display: inline-block!important;
   position: relative;
   left: 0!important;
   top: 0!important;
   background-repeat: no-repeat;
   background-size: 100% auto;
   background-position: center;
   width: 100%;
}

.widget-youtube .video-container .play {
   background: url(https://rock63.ru/sites/all/themes/rock63_ru/images/video_play.png) no-repeat scroll 0 0 transparent;
   width: 77px!important;
   height: 77px!important;
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 5;
   display: inline-block!important;
   margin: -38px 0 0 -38px;
}