Скачать Fancybox с Rutube. Как встроить Rutube в Fancybox

Скачать Fancybox с Rutube. Как встроить Rutube в Fancybox

Интеграция RuTube с Fancybox

Fancybox — это популярный JavaScript-плагин, который позволяет удобно и красиво отображать изображения, видео и другие медиафайлы во всплывающих окнах. Однако по умолчанию он не поддерживает работу с RuTube, одной из ведущих видеоплатформ в России, которой нам приходиться сегодня пользоваться (ввиду умышленного замедления нашим правительством прекрасно работающего Youtube). В этой статье мы рассмотрим, как доработать Fancybox 3.5.7 для работы с видео с RuTube. Почему именно версию Fancybox 3.5.7? Потому что это последняя версия fancybox с открытым не обфусцированным кодом.

Понимание работы Fancybox

Fancybox изначально поддерживает такие платформы, как YouTube и Vimeo, предоставляя встроенные механизмы для отображения видео. Однако для RuTube, у которого своя структура API и плеера, требуется немного доработать функционал.

Подключение RuTube в Fancybox

Для интеграции RuTube потребуется внести некоторые доработки в исходный код fancybox, которое позволит Fancybox правильно обрабатывать ссылки на видео с этой платформы. Вы можете скачать архив ниже, в котором уже внесны все необходимые доработки в скрипт fancybox для использования видео с Rutube.

 

Архив содержит файл index.html, демонстрирующей работоспосбность данного решения и минифицированные версии js и css.

index.html
jquery.fancybox.css
jquery.fancybox.js
jquery.fancybox.min.css
jquery.fancybox.min.js
version.txt

Скачать Fancybox 3.5.7 c Rutube

Заключение

Интеграция RuTube с Fancybox требует небольшой доработки, но позволяет значительно расширить возможности вашего сайта по отображению видео контента. Думаю, что в наше время такая интеграция и такая доработка плагина Fancybox будет очень актуальной…

Если потребуется помощь в дальнейшей оптимизации или возникнут вопросы по доработке, не стесняйтесь обращаться за консультацией.

 

Никита Ив
Никита Ив

Меня зовут Никита, я являюсь автором этой статьи. Занимаюсь веб-разработкой более 5-ти лет на стеке Laravel + Vue. Делюсь своим опытом, шишками и головной болью. Пишу полезные статьи, такие как эта. Подписывайтесь на наш телеграм канал, чтобы узнавать о появлении новых статей первыми, либо подпишитесь на рассылку, оставив почту в нашем боте ниже.

Другие записи по теме: Блог