Создать ленту видеорекомендаций
Встраиваемый видеоплеер позволяет непрерывно транслировать видео на сайте с вашего канала на Видеохостинге с фиксацией плеера при скролле.
Параметры API
{
"containerId": {string},
"contentIds": {string[]},
"parameters" {array}
}
containerId ID контейнера, в который будет встроен плеер.
contentIds Массив идентификаторов контента в системе VH.
parameters Объект с параметрами встраивания и воспроизведения.
Пример:
var player = Yandex.VH.createPlayList(
'player-container',
[
'41f3acdf3ef012229db83b8e8b810c28',
'4af27aa3b15e1f41ab4b0c8933f44d72',
'46f1793076bb2847b3992bf478bad82f',
'4a2d0ec3d6dd94719ae4122eddfc5961',
'4f86d7fb5a3c0855b30c0519b71ec8d2'
],
{
width: 600,
height: 360,
params: {
autoplay: 1,
tv: 0,
loop: 0,
preload: 0,
meta: 'always'
}
}
);
Рекомендации по встраиванию
Соблюдайте требования к минимальным размерам плеера (п. 4.3.2). На мобильных устройствах можно фиксировать контейнер в области видимости на маленьких экранах через CSS media-queries.
Пример:
#player-container {
position: fixed;
bottom: 30px;
right: 50px;
width: 320px;
height: 180px;
background: #939cb0;
}
@media (max-width: 360px) {
#player-container {
bottom: 0;
right: 0;
height: 180px;
width: 100%;
}
}