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

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

Готово!

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

Линейка сайтов на новом шаблоне suet-2012

Апрель 18, 2012 г.

Сергей продолжает развивать группы тематических сайтов. Сегодня я запустил для него первый сайт из новой серии, посвященной производителям моторов и самой ...

Читать

Как избежать изменения позиции scroll в документе после установки #hash

Февраль 21, 2020 г.

При установке значения hash в url окна, к примеру так: window.location.hash = '#something'; браузер прокрутит документ до позиции элемента вида <a name='something'></a>. Иногда такое поведение является не желательным. После изменения позиции ...

Читать

Как правильно измерить длину строки в Java: от length() до графем

Июль 23, 2026 г.

Строки в Java кажутся простыми, из коробки поддерживается UTF-16, но стоит вам добавить эмодзи, и привычный length() выдаёт «магические» числа. В этой статье разберём, как на самом деле устроены строки в Java, почему эмодзи занимают два char, и как корректно ...

Читать

Обновление Inactive User Deleter - v 1.2

Март 29, 2017 г.

Взявшись за переделку собственных плагинов, я нашел время для обновления ещё одной своей древней поделки. Это был первый плагин, который я вообще делал для WP. Я собирал его только лишь с учебными целями - хотел сделать какой-то плагин и разместить его ...

Читать
 

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

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



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