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 будет очень актуальной…
Если потребуется помощь в дальнейшей оптимизации или возникнут вопросы по доработке, не стесняйтесь обращаться за консультацией.
