Страница 1 из 11
Форум » uCoz » Все о uCoz » Еще один способ как создать адаптивный видео из YOUTUBE
Еще один способ как создать адаптивный видео из YOUTUBE
milan_shubinДата: Понедельник, 13.11.2017, 21:17 | Сообщение # 1
Майор
Группа: Проверенный
Сообщений: 90
Награды: 2
Репутация: 16
Статус: Offline
Описание скрипта:




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

На той странице где будет видео ставим следующий код:
Код
iframe {
  width: 100%;
  height: auto;
  max-height: 100%;
}

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

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

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


workmanДата: Вторник, 14.11.2017, 15:23 | Сообщение # 2
Рядовой
Группа: Пользователь
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline
И ниже добавить это
Код
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
Форум » uCoz » Все о uCoz » Еще один способ как создать адаптивный видео из YOUTUBE
Страница 1 из 11
Поиск:

Старая форма входа