Чиним видеоролики с доступом по ссылке на RUTUBE

Однажды мне упала задача от заказчика: перенести «пару десятков» видеороликов внутри закрытой учебной платформы с YouTube на RuTube. Примерно 100 роликов спустя я обнаружил, что все ролики с доступом по ссылке недоступны к просмотру…

Как обстоят дела

TL;DR В студии Rutube ошибка в шаблоне html-кода. Исправление в конце статьи.

Большинство сервисов не поддерживают автоматическое встраивание плеера rutube по ссылке, как это традиционно происходило с youtube. Поэтому, встраивание такого плеера приходится производить через вставку html-кода в страницу.

Когда мы делаем это для публичных роликов всё работает как надо. Но как только мы попытаемся вставить код сформированный студией Rutube для видео доступного только по ссылке, получим такое окно:

При попытках найти решение, я обнаружил, что этой проблеме не один год:

Ответ технической поддержки Rutube

Как и полагается, решения проблемы в общем доступе не нашлось, так что я пошёл со своим вопросом в техническую поддержку Rutube, где спустя полторы недели получил такой ответ:

Здравствуйте! При встраивании приватного ролика необходимо заменить стандартный id ролика из кода вставки на id с ключом доступа (можно скопировать из url или выделить из ссылки в функции «поделиться»). Должен получиться такой формат: https://rutube.ru/play/embed/idролика/?p=ключ«… Убедитесь, чтобы код в ссылке содержал именно следующую последовательность: play/embed/id ролика с ключом.

«Интересно, а где обычные пользователи должны узнать этот занимательный факт?» — подумал я и полез автоматизировать формирование этих кодов, раз разработчики платформы решили отложить решение этой проблемы в долгий ящик.

Если вам нужно поправить всего пару роликов, то вот пошаговая инструкция, как сделать это руками. Автоматизацию ищите в конце данной статьи.

Как сделать это вручную

1. Копируем из окошка «Поделиться» ссылку на приватное видео и код для вставки:

   

   

2. Получаем ссылку и код такого вида:

     # Ссылка: https://rutube.ru/video/private/<id-ролика>/?p=<key-ролика>    # Код вставки плеера: <iframe width="720" height="405"  src="https://rutube.ru/play/embed/<id-ролика>" # внимание на эту строку frameBorder="0"  allow="clipboard-write; autoplay"  webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

   Я заменил на плейс-холдеры лишь <id-ролика> и <key-ролика>. Вместо них будет небольшой хэш, его можно увидеть на скриншоте выше, в ответе технической поддержки.

3. Берём ключ, вместе с /?p= и добавляем к содержимому ссылки, внутри кода:

   <iframe width="720" height="405"  src="https://rutube.ru/play/embed/<id-ролика>/?p=<key-ролика>" # внимание на эту строку frameBorder="0"  allow="clipboard-write; autoplay"  webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

   Вы не можете просто скопировать ссылку, т.к. у них разные пути: .ru/video/private/ и .ru/play/embed/

Автоматизируем процесс

Вы можете просто использовать этот фрагмент кода на C# в любом онлайн компиляторе или адаптировать его под себя:

string srcUrl, htmlOut; string[] idAndKey; srcUrl = Console.ReadLine(); idAndKey = srcUrl.Split('/'); htmlOut = $"<iframe width=\"720\" height=\"405\" src=\"https://rutube.ru/play/embed/{idAndKey[5]}/{idAndKey[6]}\" " +   $"frameBorder=\"0\" allow=\"clipboard-write; autoplay\" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>"; Console.WriteLine(htmlOut);

Или же воспользоваться простейшим оконным приложением из моего репозитория.

Итог

Уважаемые читатели, не забрасывайте технический долг на долгие годы. Пишите свои костыли и будьте счастливы. Документируйте найденные проблемы и делитесь ими с сообществом.

Надеюсь, моя статья поможет пользователям отечественной платформы, столкнувшимся с этой проблемой, разобраться, что проблема не в них самих. Спасибо за внимание.