Воспроизведение видео из VK Видео

Материал из SmartPlayer

<languages>

Описание ситуации

Очередным шагом развития платформы SmartPlayer стала возможность воспроизводить контент из «VK Видео». Ниже будет описано, как работать с данным функционалом.

Предварительные настройки

Для начала пользователю необходимо авторизоваться на платформе VK Видео и выбрать нужное видео.

Пример отображения платформы VK Видео

Далее пользователь должен найти кнопку «Поделиться» и нажать на нее. Откроется модальное окно с вариантами для отправки ссылки:

  1. Telegram.
  2. Whats App.
  3. VK.
  4. Встроить (является нужным вариантом).
Пример отображения кнопки модального окна

После нажатия на вариант «Встроить» пользователю откроется еще одно модальное окно. В этом окне ему нужно обратить внимание на следующие элементы:

  • предложенную ссылку.
  • размер видео (настраивается с помощью выбора варианта из списка разрешений);
  • чекбокс (галочка) автостарт (должен быть активирован).
Пример отображения модального окна с параметрами

Далее пользователю необходимо скопировать ссылку из поля нажав на иконку.

Взаимодействие со ссылкой

Как только пользователь скопирует, она будет в буфер обмена. В текущем варианте скопированная ссылка не подходит для добавления и воспроизведения в качестве контента на платформе. Поэтому пользователю необходимо вставить эту ссылку в любой текстовый редактор (Блокнот, Microsoft Word, Notepad ++) и обрезать её. Ниже будет приведено два примера ссылки — исходный скопированный вариант и переработанный (корректный), который можно добавлять в качестве контента.
Исходная ссылка:
<iframe src="https://vkvideo.ru/video_ext.php?oid=-110693088&id=456241955&hash=f99ce7b79d2923cf&hd=4" width="1920" height="1080" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
Корректный вариант:
https://vkvideo.ru/video_ext.php?oid=-110693088&id=456241955&hash=f99ce7b79d2923cf

Пример отображения исходной и корректной ссылки

Алгоритм действия

Для начала пользователь должен зарегистрироваться/авторизоваться в личном кабинете SmartPlayer.
Следующим шагом перейти в раздел «Контент» и найти категорию «Ссылки».

Пример отображения вкладки «Контент» и типа контента «Ссылка»

Затем нажать на кнопку «Добавить ссылку» и добавить полученную ссылку в VK Видео. Предварительно ссылку необходимо укоротить убрав из неё лишние данные. Необходимо удалить следующие части URL-адреса ссылки:

  1. Сделать так, чтобы начало ссылки был не "iframe", а "https".
  2. Убрать весь текст после параметра "autoplay = 1"

Результат должен получиться как на скриншоте ниже:

Пример отображения кнопки «Добавить ссылку»

Нажать на кнопку «Сохранить» и использовать готовый контент в трансляции.

Поддерживаемы платформы

Данный тип контента поддерживается следующими клиентскими приложениями SmartPlayer:

  • Tizen.
  • WebOS.
  • Windows.
  • Linux.
  • Raspberry.
  • Android.
Версии клиентских приложений обозначенных в списке выше рекомендуется уточнять у специалистов технической поддержки.

Интеграция в трансляцию

Чтобы полностью ознакомиться с работой данного функционала, пользователю необходимо создать трансляцию с зоной для проигрывания. Для этого рекомендуется изучить следующие статьи из Wikipedia:

Видеоинструкция

Воспроизведение видео из VK Видео

Дополнительная информация

Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы, их можно задать в разделе "Обсуждения" вверху страницы.

Пример отображения вкладки "Обсуждения" на wiki-странице

Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"

Источник — https://wiki.smartplayer.org/index.php?title=Воспроизведение_видео_из_VK_Видео&oldid=19965