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

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

Готово!

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

Как получить код языка по умолчанию в Drupal

Июль 4, 2025 г.

В Drupal (начиная с версии 8 и выше, включая 10 и 11), чтобы получить код языка по умолчанию сайта (например, en, ru, fr), используйте следующий способ: [crayon-6aa56fced54f4519848809/] Подробности запроса: \Drupal::languageManager() — обращение ...

Читать

Меняем отступы сетки (gutter-width) в Bootstrap

Октябрь 2, 2017 г.

Дефолтова сетка в bootstrap 3 имеет размер 30 пикс. Понятно, что рабочий макет может содержать произвольные отступы и, если вы хотите использовать преимущества работы с grid от бутстрапа, придется как то их менять и фиксить. Фактически нужно сделать ...

Читать

Вставка переменной в инлайновое изображение в LESS

Август 29, 2019 г.

Небольшие векторные элементы очень удобно вставлять как часть CSS кода. Хочу показать пример, как сделать их еще и параметрически зависимыми, при компиляции из LESS. К примеру, при ребрендинге или использовании кусочка стилей на другом сайте, вы ...

Читать

Убрать мета тег generator в WP

Январь 12, 2017 г.

Не знаю как родилась идея у разработчиков WP выводить информацию о текущей версии используемого сайтом движка. Речь идет о добавлении в секцию head мета тега "generator". Выглядит этот тег, например, вот так: [crayon-6aa56fced5831534960513/] ...

Читать
 

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

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



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