Получение пропорций (aspect ratio) YouTube видео ролика

Стандартное соотношение сторон роликов 16/9. Как определить соотношение сторон, если оно не стандартное?

Данная информация может быть полезна, например, если вы разрабатываете адаптивный контейнер для показа видео с YouTube.

Без использования Google ключей, API и т.п. это можно сделать через генератор embed кода YouTube.

Попробуйте в следующей ссылке подставить код какого либо видео ролика:

https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v={VIDEO_ID}

Сервис возвращает JSON ответ, вроде следующего:

Извлекаем соотношение сторон:

Готово!

Мало букафф? Читайте есчо !

Показ анимации, что идет загрузка, для обновления контента views в режиме ajax

Май 22, 2021 г.

Подгрузка данных с сервера (например, при изменении параметров фильтра) происходит с небольшой задержкой, потому пользователь может не понять, среагировал как то сайт или нет на его действия. Задача состоит в том, чтобы показать, что идет загрузка ...

Читать

Модификация формы регистрации в drupal

Март 3, 2010 г.

После установки, регистрационная форма друпала (drupal) имеет всего пару полей - login и email. В большинстве случаев это можно почитать за благо. Ибо ...

Читать

Как в шаблоне параграфа получить заголовок родительской ноды

Сентябрь 15, 2025 г.

Иногда возникает задача: в Twig-шаблоне параграфа (paragraph.html.twig) нужно отобразить заголовок материала (ноды), к которому этот параграф прикреплён. Нам не нужно передавать что то дополнительно в шаблон, эти данные могут быть получены из самой ...

Читать

Загрузить данные параграфов для связанного с ними entity

Июль 8, 2023 г.

Пример кода для загрузки параграфов. В данном примере будем загружать параграфы, связанные с entity commerce_product_variation (это сущность модуля Commerce). Я привязал информацию по остаткам складов к вариациям в виде параграфов (тип - stocks). ...

Читать
 

Комментарии к «Получение пропорций (aspect ratio) YouTube видео ролика»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: