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

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

Готово!

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

Формируем относительную ссылку

Март 2, 2017 г.

Посмотрим как можно сформировать url относительно текущего местоположения файла в php. К примеру, у в каталоге /site-script/ находится программа на PHP  и подкаталог /site-script/img, где хранятся картинки. Требуется построить относительный ...

Читать

Делаем эффект параллакса для заднего фона на сайте

Октябрь 19, 2015 г.

Очень простая мулька, но выглядит при соответствующем фоне потрясающе. Сделаем так, чтобы при скроллинге страницы, фон двигался вдвое медленнее, создавая что то вроде эффекта параллакса. Этот кусочек скрипта привязывает нас к событию onscroll окна. ...

Читать

View Binding в kotlin

Февраль 15, 2025 г.

Иногда на собесах спрашивают что такое view binding, и звучит это как некая сложная тема, но на самом деле, это просто фича сборщика, которую можно использовать для упрощения доступа к элементам шаблонов. Этот механизм упрощает работу с элементами ...

Читать

Фильтрация ботов в конфигурации varnish

Май 2, 2019 г.

Кроме полезных роботов, существует масса "пауков", сканеров, которые создают лишь избыточную нагрузку на ваш сайт, увеличивая время отклика сервера на запросы реальных пользователей. Более менее приличные боты сообщают о том, кто они, представляясь ...

Читать
 

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

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



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