Jekyll виджет: YouTube — адаптивный iframe
Стандартный <iframe> от YouTube приходит с фиксированными размерами. На мобильных экранах он вылезает за пределы viewport.
Решение — обёртка с aspect-ratio и max-width. Контейнер занимает 100% ширины, но не больше 560px. На узких экранах сжимается, пропорции сохраняются.
Файлы:
Использование в посте
{% include youtube.html id="VIDEO_ID" %}
Пример
Виджет создан с помощью Claude 4.6
tags: jekyll - widget - youtube