COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

Как адаптировать видео Ютюб


Recommended Posts

Здравствуйте! Поделитесь пожалуйста толковым решением, как адаптировать изменение размеров видео фрейма ютюб под мобильные с выравниванием по центру.

Ссылка на комментарий
Поделиться на других сайтах

Допустим: в Категории в тексте описания необходимо вставить видео с Ютюб.

1. Необходимо чтоб он был по центру относительно родительского элемента.

2. Был адаптирован под смену размера монитора, планшета и телефона.

Ссылка на комментарий
Поделиться на других сайтах

1 час назад, jaffagold сказал:

Адаптировать можно так, как записано в документации Bootstrap

http://getbootstrap.com/components/#responsive-embed

  Показать содержимое


<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

Придется в режиме вставки кода сделать copy-paste.

Спасибо всё ок. Решение вопроса хорошее, я пытался сделать ранее подобным вариантом, но проблема была в том что видео занимает всю страницу по ширине и смотрится громоздко. Не подумал что можно применить col-md-6 col-md-offset-3 и всё теперь путём.

Ещё раз спасибо!

Ссылка на комментарий
Поделиться на других сайтах

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу