Автор Тема: Адаптивное видео на сайт  (Прочитано 201 раз)

Николай

  • Спец
  • ***
  • Сообщений: 61
  • Karma: +1/-0
Адаптивное видео на сайт
« : Апрель 22, 2017, 12:21:20 am »
Приветствую! Хотел уточнить один вопрос:

Скрипт UnitCMS Версия 1.4.13
Вставляя видео через стандартную кнопку "Вставить YouTube видео", видео вставляется, но оно не адаптируется под наш шаблон, то.е. при уменьшении экрана Видео остается в исходном размере и вылазит за рамки экрана. Перепробовал много вариантов адаптации видео, но получился только вариант с
<p style="text-align: center;"><iframe allowfullscreen="" src="https://Ссылка на видео"></iframe></p>
, ну тут все тупо (не большой размер видео, который за рамки и не вылазит) ссылка на пример http://ultravolos.ru/product/nioxin_night_density_rescue_70_ml_nochnaya_syivorotka_dlya_uvelicheniya_gustotyi_volos_70_ml_815509147879-503/.
Пробовал варианты через стили.
.video-responsive {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

<div class="video-responsive">
<iframe src="https://ссылка на видео" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>

Но видео так и не адаптируется... Хотел уточнить как поступать в нашем случае? И будет ли в дальнейшем в кнопке в редакторе зашита функция адаптации под размер экрана?

И еще вопрос не совсем по данной теме: Как вернуть вариант старого редактора текста? Или же расширить существующий? Например с правкой текста по ширене, центру и т.д. приходится все забивать вручную в коде.  :-\
 

Magician

  • Ветеран
  • ****
  • Сообщений: 111
  • Karma: +4/-0
  • Колупающий UnitCMS
Re: Адаптивное видео на сайт
« Ответ #1 : Апрель 22, 2017, 11:12:26 pm »
В этой теме описано как заменить редактор текста
http://forum.unitcms.net/index.php?topic=3551.0

А по видео будем ждать ответа ГУРУ Юнита
« Последнее редактирование: Апрель 22, 2017, 11:15:11 pm от Magician »
 

 

Sitemap 1 2 3 4