Еще один способ как создать адаптивный видео из YOUTUBE

Новые сообщения Участники Правила форума Поиск RSS

Страница 1 из 1
1

milan_shubin Offline

Дата: Понедельник, 13.11.2017, 21:17 | Сообщение # 1

Проверенный

Сообщений: 94

Награды: 2

Описание скрипта:

Еще один способ адаптировать видео из youtube, если вы выводите видео через (iframe).

На той странице где будет видео ставим следующий код:

Код

iframe {
  width: 100%;
  height: auto;
  max-height: 100%;
}

А также к любому другому классу можно приписать этот простой код и ничего из выше перечисленного не нужно.

Если видео вкладывается через страницу добавления материала, то там есть пункт где можно поставить галочку "Растягиваемое видео".

Спасибо за скрипт Andruha061

workman Offline

Дата: Вторник, 14.11.2017, 15:23 | Сообщение # 2

Пользователь

Сообщений: 3

Награды: 0

Нет наград

И ниже добавить это

Код

iframe::-internal-media-controls-download-button{display:none}
iframe::-webkit-media-controls-enclosure{overflow:hidden}
iframe::-webkit-media-controls-panel{width:calc(100% + 30px)}

Сообщение отредактировал workman - Вторник, 14.11.2017, 15:25

рома8820 Offline

Дата: Воскресенье, 06.06.2021, 13:39 | Сообщение # 3

Пользователь

Сообщений: 1

Награды: 0

Нет наград

https://disk.yandex.ru/i/lrWIKs_98lcmtQ

Еще один способ как создать адаптивный видео из YOUTUBE

Страница 1 из 1
1