Добавление адаптивных видео и изображений

Добавлять изображения нужно через html код, чтобы они были адаптивными для всех экранов:

Код для добавления изображения:

<img src="https://вашсайт.ru/путь_к_изображению/изображение.jpg" class="img-responsive">

Перед сохранением изменений нужно обязательно выйти из режима кода в обычный редактор, иначе изменения не сохранятся!

Можно добавить изображение через редактор:

Но нужно будет в коде дописать класс для адаптивности изображения:

удалить style="..." и прописать class="img-responsive"

Или добавить в свои стили код для адаптивности нужных изображений

@media (max-width: 767px) { #tab-description img { max-width: 100%; height: auto !important; } }

Для добавления адаптивного видео используется следующий код:

<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="//www.youtube.com/embed/IPxhhFDAiPw"></iframe> </div>

Где IPxhhFDAiPw - это id видео из youtube: