Получение пропорций (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 ответ, вроде следующего:

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

Готово!

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

Обработка событий загрузки изображения

Май 16, 2025 г.

В веб-разработке важно уметь правильно обрабатывать процесс загрузки изображений. Браузеру может потребоваться время на подгрузку файла, особенно при медленном соединении или больших изображениях. Задача разработчика — отслеживать статус загрузки изображения ...

Читать

Комментарии в JSON

Январь 8, 2023 г.

Комментарии в JSON не предусмотрены текущей спецификацией. Возможность комментировать была убрана на определенном этапе, по большей части из-за идеологических соображений. Конфигурации в JSON нужно стремиться создавать таким образом, чтобы переменные ...

Читать

И снова переносы в CSS

Ноябрь 30, 2021 г.

Да, вновь тема переносов, т.к. я уже писал небольшую статью, но еще раз возвращаюсь к данной теме с некоторыми новыми подробностями. Итак - разрыв слова, перенос текста на новую строку - рассмотрим, какие директивы даёт нам CSS для управления поведением ...

Читать

Добавить произвольную ссылку в меню на этапе препросессинга в Drupal

Март 17, 2025 г.

Иногда бывает потребность создать ссылку из кода. Структура ссылки довольно сложная на этапе препроцессинга шаблона меню, делюсь сниппетом кода. Потребуются следующие зависимости: [crayon-6a78ba2ff3032252594238/] Добавим ссылку в меню main. ...

Читать
 

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

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



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