Marik - 02 дек 2018 01:35 0

Адаптивный плеер Youtube. Резиновая ширина для DLE


Открываем файл engine/classes/parse.class.php
Строка примерно 818 находим -

return '<!--dle_media_begin:'.$decode_url.'-->'.$html.'<!--dle_media_end-->';
меняем на - 
return '<!--dle_media_begin:'.$decode_url.'--><div class="youtube-video">'.$html.'</div><!--dle_media_end-->';
Открываем файл - templates/ваш шаблон/css/engine.css
добавляем стиль -
.youtube-video {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.youtube-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
Теперь каждое новое добавленное видео будет растягиваться по ширине.
Для старых видео, перестраиваем публикации.

Другие статьи по теме:

Комментарии

Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent
Marik.kz. Блог. При использовании информации, пожалуйста указывайте ссылку на оригинал. Приют милитариста