Внешний плеер может воспроизводить видео, не загруженные на платформу Viqeo редакцией. Внешний плеер похож на стандартные проигрыватели, такие как JW Player, Kaltura, FlowPlayer, но адаптирован для текстовой среды. Таким образом, вы можете использовать необходимые настройки (например, "Автозапуск") так же, как и при загрузке видео вручную. Просто выберите нужный пресет, и плеер будет использовать его настройки.
Внешний плеер может воспроизводить:
URL видеофайла | Плейлист m3u8 (Live-стримы) | Youtube | SWF / GIF |
|
|
| 2. Автоматически перекодировать для стриминга с серверов Viqeo |
Чтобы создать плеер, нажмите 'Создать Плеер' в разделе "Плееры и виджеты" и выберите тип плеера "Внешний плеер".
После создания плеера, нажмите кнопку 'Получить код'.
Вам выдастся код, похожий на код ниже (это пример):
<script async src="//cdn.viqeo.tv/js/vq_starter.js"></script> <div style="width:100%;height:0;position:relative;padding-bottom: 57%;" class="viqeo-external_player" data-playerId="01" data-profile="001" data-videoSrc="URL of your video" data-previewSrc="(optional) video preview. URL of preview image or remove this line if you don't have a preview image" > <iframe src="//cdn.viqeo.tv/embed/?videoSrc=URL of your video&playerId=89" width="100%" height="100%" style="position:absolute;" frameBorder="0" allowFullScreen></iframe> </div>
Где:
data-videoSrc = Укажите сюда URL видеофайла или ссылку на Youtube
Если вы хотите проиграть во внешнем плеере видео, уже загруженное в Viqeo, вы можете указать вместо URL "npvid:videoid" , где videoid — это id видео из кода вставки редакционного видео.
data-previewSrc = Укажите URL изображения (опционально), если хотите вывести его как превью. Если нет, просто не указывайте этот параметр.
iframe src="//cdn.viqeo.tv/embed/?videoSrc= продублируйте сюда URL видео (по аналогии с data-videoSrc), чтобы плеер сразу создался по размеру видео.
Замена Youtube
❗️ Вы можете заменить все эмбеды Youtube-плеера. Просто укажите URL вида 'https://www.youtube.com/embed/6Y6Oj7Sm4mc' в качестве значения URL в параметрах data-videoSrc и iframe src.
Адаптивный стриминг (Multi-Bit Rate)
Если у вас есть несколько URL с разными потоками mp4-файлов (или с разными размерами видео), используйте массив JSON для поддержки адптивного стриминга, передайте все ссылки на потоки в виде массива параметра "url":
data-videoSrc='[{"url": "http://stage.api.viqeo.tv/storage/09/2c/9abb51d0cdaeac2ff129aa0b4557473a.mp4"}, {"url": "http://stage.api.viqeo.tv/storage/09/2c/e659e4a100f6b61f20d7fd041e1a1d29.mp4"}, {"url": "http://stage.api.viqeo.tv/storage/09/2c/51a5189b20040aad8fd08913542644f4.mp4"}]'
Обратите внимание, что первая ссылка воспроизводится по-умолчанию, остальные можно переключить в настройках пользовательского плеера.
Live-вещания
Вы можете использовать внешние файлы для адаптивного битрейта, передавая ссылку на m3u8-плейлист в HLS-формате вместо URL файла.
Добавьте URL m3u8-файла в качестве значения параметра data-videoSrc.
Воспроизведение редакционных видео через внешний плеер
Если вы хотите проиграть во внешнем плеере видео, уже загруженное в Viqeo, вы можете указать вместо URL "npvid:videoid" , где videoid — это id видео из кода вставки редакционного видео..
Примеры:
Редакция загрузила видео в кабинете Viqeo, нажмите кнопку 'Использовать' рядом с видео и посмотрите. Найдитестроку вида 'data-vnd="dbede3a6e5cffb739110' чтобы получить id видео.
Чтобы воспроизвести это видео, укажите его значением к параметру data-videoSrc, добавив перед ним 'npvid:'. Например, data-videoSrc='npvid:dbede3a6e5cffb739110'
Внешний плеер в AMP-верстке
ЧТобы добавить плеер на AMP-страницу, используйте AMP-тэг Viqeo.
Дополнительные настройки плеера
Отключение рекламы в отдельном видео
Чтобы отключить рекламу в конкретном ролике, добавьте к нему параметр data-content=”negative”
Например:
<script async src="//cdn.viqeo.tv/js/vq_starter.js"></script> <div style="width:100%;height:0;position:relative;padding-bottom: 57%;" class="viqeo-external_player" data-playerId="01" data-profile="001" data-content="negative" data-videoSrc="URL of your video" data-previewSrc="(optional) video preview. URL of preview image or remove this line if you don't have a preview image" > <iframe src="//cdn.viqeo.tv/embed/?videoSrc=URL of your video&playerId=89" width="100%" height="100%" style="position:absolute;" frameBorder="0" allowFullScreen></iframe> </div>
Стики-плеер (Показ всегда поверх сайта)
Чтобы сделать так, что внешний плеер всегда выводит поверх контента или чтобы управлять плеером, используйте Javascript API.