Yandex Cloud
Поиск
Связаться с намиПодключиться
  • Документация
  • Блог
  • Все сервисы
  • Статус работы сервисов
    • Популярные
    • Инфраструктура и сеть
    • Платформа данных
    • Контейнеры
    • Инструменты разработчика
    • Бессерверные вычисления
    • Безопасность
    • Мониторинг и управление ресурсами
    • Машинное обучение
    • Бизнес-инструменты
  • Все решения
    • По отраслям
    • По типу задач
    • Экономика платформы
    • Безопасность
    • Техническая поддержка
    • Каталог партнёров
    • Обучение и сертификация
    • Облако для стартапов
    • Облако для крупного бизнеса
    • Центр технологий для общества
    • Облако для интеграторов
    • Поддержка IT-бизнеса
    • Облако для фрилансеров
    • Обучение и сертификация
    • Блог
    • Документация
    • Контент-программа
    • Мероприятия и вебинары
    • Контакты, чаты и сообщества
    • Идеи
    • Истории успеха
    • Тарифы Yandex Cloud
    • Промоакции и free tier
    • Правила тарификации
  • Документация
  • Блог
Проект Яндекса
© 2025 ООО «Яндекс.Облако»
Yandex Cloud Video
    • Обзор
    • Управление
    • Решение проблем
      • Обзор
      • IFrame
      • iOS
        • Начало работы
        • Параметры инициализации плеера
        • Методы плеера
        • Состояние плеера
        • События плеера
  • Управление доступом
  • Правила тарификации
  • Аудитные логи Audit Trails
  • История изменений

В этой статье:

  • Подключение плеера на странице
  • Инициализация плеера
  • Управление плеером
  • Состояние плеера
  • События плеера
  1. Видеоплеер
  2. SDK
  3. JavaScript
  4. Начало работы

Начало работы с SDK видеоплеера для JavaScript

Статья создана
Yandex Cloud
Обновлена 25 октября 2024 г.
  • Подключение плеера на странице
  • Инициализация плеера
  • Управление плеером
  • Состояние плеера
  • События плеера

Вы можете интегрировать видеоплеер с контентом из Cloud Video в ваш проект на языке JavaScript с помощью Cloud Video Player SDK для JavaScript.

Подключение плеера на страницеПодключение плеера на странице

Чтобы подключить плеер на страницу, добавьте на нее код:

<script src="https://runtime.video.cloud.yandex.net/player/js/player-sdk.js"></script>

Инициализация плеераИнициализация плеера

Чтобы инициализировать плеер, добавьте на страницу код:

var player = Ya.playerSdk.init({
    /** @type {(string|HTMLElement)} где будет создан плеер плеер */
    element: 'video-player',
    /** @type {string} ссылка на воспроизводимый контент */
    source: 'https://runtime.video.cloud.yandex.net/player/...',
    /** @type {boolean} автовоспроизведение при загрузке контента */
    autoplay: false
});

Где https://runtime.video.cloud.yandex.net/player/... — ссылка на воспроизводимый контент, например https://runtime.video.cloud.yandex.net/player/video/vplvmyqsxi7dlwndvb4y. Подробнее см. в разделах Получить код вставки или ссылку на видео и Получить код вставки или ссылку на трансляцию.

Подробнее об инициализации плеера см. в разделах:

  • Параметры инициализации плеера
  • Interface: PlayerSdkInitConfig в справочнике API
  • Interface: PlayerSdkSourceParams в справочнике API

Управление плееромУправление плеером

Информацию о методах управления плеером см. в разделах:

  • Методы плеера
  • Interface: PlayerSdkApi в справочнике API

Состояние плеераСостояние плеера

Информацию об объекте, содержащем параметры состояния плеера см. в разделах:

  • Состояние плеера
  • Interface: PlayerSdkState в справочнике API

События плеераСобытия плеера

Информацию о событиях плеера см. в разделах:

  • События плеера
  • Interface: PlayerSdkEventHandlers в справочнике API

Была ли статья полезна?

Предыдущая
iOS
Следующая
Параметры инициализации плеера
Проект Яндекса
© 2025 ООО «Яндекс.Облако»