Jekyll виджет: YouTube — адаптивный iframe

Стандартный <iframe> от YouTube приходит с фиксированными размерами. На мобильных экранах он вылезает за пределы viewport.

Решение — обёртка с aspect-ratio и max-width. Контейнер занимает 100% ширины, но не больше 560px. На узких экранах сжимается, пропорции сохраняются.

Файлы:

• _includes/youtube.html
• assets/css/hacker/youtube.scss

Использование в посте

{% include youtube.html id="VIDEO_ID" %}

Пример

Инструкция для подключения

Виджет создан с помощью Claude 4.6