---
metadata:
  - name: generator
    content: Diplodoc Platform v5.42.1
alternate:
  - https://yandex.uz/support/video/ru/partners/mobile-player.md
  - https://yandex.uz/support/video/uz/partners/mobile-player.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.uz/support/video/ru/llms.txt

# Мобильный плеер

Количество мобильных пользователей поиска по видео постоянно увеличивается, их активность растет. Поэтому мы стремимся развивать сервис так, чтобы сделать просмотр видео на мобильных устройствах еще удобнее. В мобильном поиске по видео отображаются только те видеоролики, которые могут быть воспроизведены на мобильных устройствах.

Мобильные браузеры практически не поддерживают Flash Player, для проигрывания видеороликов используются средства HTML5. Поэтому, если на странице сайта размещен плеер с поддержкой Flash, но не поддерживающий HTML5, в мобильном поиске по видео он отображаться не будет. Так как пользователи все равно не смогут посмотреть в этом плеере видео с мобильных устройств.

В свою очередь сайты с HTML5-плеером будут добавлены в поисковую выдачу мобильного поиска по видео, а также смогут повысить качество поиска по своим видеороликам (в отличие от ресурсов, которые не имеют плееры в мобильном поиске).

## Требования к мобильному плееру {#requirements}

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

1. Корректно отображаться:

    - В основных мобильных операционных системах: Android, iOS, Windows Phone.
    
    - В браузерах, встроенных в мобильные операционные системы по умолчанию, а также в популярных мобильных браузерах, в том числе в Яндекс Браузере.

1. Воспроизводить видео средствами [HTML5](https://ru.wikipedia.org/wiki/HTML5).

1. Поддерживать протокол [HTTPS](https://yandex.ru/blog/company/77455/).

1. Все элементы управления плеера (кнопки, регулятор громкости и др.) должны правильно работать.

1. Плеер и все его элементы должны иметь динамическую верстку и подстраиваться под изменяемые размеры и масштаб страницы, в том числе при переходе между режимами ориентации устройства (например, при повороте экрана мобильного устройства).

1. Плеер должен быть добавлен в результаты поиска по видео с помощью [Open Graph](https://yandex.uz/support/video/ru/partners/open-graph.md#add-player) или [Schema.org](https://yandex.uz/support/video/ru/partners/schema-org.md#add-player).


{% note alert %}

Представление сайта в поиске формируется автоматически. Разметка помогает сформировать выдачу, но не гарантирует, что видеоролик попадет в поиск.

{% endnote %}



## Разметка HTML5-плеера {#markup}

[Поиск по видео](http://yandex.uz/video/) понимает видеоконтент, размещенный на страницах сайтов с помощью элемента `video` [стандарта HTML5](https://html.spec.whatwg.org/multipage/embedded-content.html#the-video-element).

Яндекс умеет извлекать данные из следующих атрибутов элемента `video`:


#|
||
**Наименование**
|
**Описание**
||
||
`src`
|
Адрес (URL) видеофайла.


{% note info %}

Чтобы указать множественные источники видеоконтента, вместо атрибута `src` можно использовать вложенный тег `source`.

{% endnote %}
||
||
`poster`
|
URL изображения, отображаемого во время загрузки видео.
||
|#

Вложенные теги элемента `video`:


#|
||
**Наименование**
|
**Описание**
||
||
`source`
|
Источник видоконтента. Используется вместо атрибута `src`, если нужно указать несколько источников видео.

Поддерживаемые атрибуты:

- `src` — aдрес (URL) видеофайла.
    
- `type` — формат видеофайла.
||

||
`track`
|
Позволяет указать дополнительные ресурсы с любым текстом, который будет отображаться во время проигрывания видео. Текст может включать субтитры, подписи, описания, главы или метаданные.


{% note info %}

Если внутри элемента `video` присутствует элемент `source`, элемент `track` должен располагаться после него.

{% endnote %}


Поддерживаемые атрибуты:

- `src` (обязательное поле) — aдрес (URL) текстового файла. Его значением должен быть абсолютный или относительный URL.
    
- `type` — формат текстового файла.
    
- `kind` — тип дорожки, которая добавляется к видео. Возможные значения:
    
    - `subtitles` — субтитры. Язык субтитров указывается в формате [ISO 639-1](http://www.w3schools.com/tags/ref_language_codes.asp) с помощью обязательного атрибута `srclang`.
    
    - `captions` — подпись, которая отображается во время проигрывания видео.
    
    - `descriptions` — описание видео.
    
    - `metadata` — метаданные трека.
    
    - `chapters` — название части, используется для навигации по видеоресурсу. Дорожки, обозначенные как части, отображаются в виде интерактивного списка.
    
- `label` — название текстовой дорожки, подключенной к видеофайлу. Значение должно быть строковым параметром; нельзя иметь пустое значение.
||
|#

Примеры разметки:

```xml
<video src='movie.mp4' poster='movie.jpg' controls>
  <source src="video.webm" type="video/webm" />
  <track src="subtitles.vtt" kind="subtitles" srclang="en" label="English" />
  <!-- Этот текст отображается тогда, когда браузер не поддерживает тег video.-->
</video>
```

```xml
<video src="movie.mp4" controls>
  <source src="movie1.mp4" type="video/mp4">
  <source src="movie1.ogg" type="video/ogg">
   <track kind="captions" src="video_captions.srt" srclang="en">
   <track kind="descriptions" src="video_desciptions.srt" srclang="en">
   <track kind="chapters" src="video_chapters.srt" srclang="en">
   <track kind="subtitles" src="video_subtitles_en.srt" srclang="en" default>
   <track kind="subtitles" src="video_subtitles_ru.srt" srclang="ru">
   <track kind="metadata" src="video_metadata.srt" srclang="en" label="Metadata">
</video>
```
<!-- source: ru/_includes/neuro.md -->

<!-- endsource: ru/_includes/neuro.md -->

<!-- source: ru/_includes/form-webmaster.md -->
<details>
<summary class="button">Написать в службу поддержки</summary>

<br>
<br>

<div style="padding: 15px;
     margin: 10px 0;
     background: #FFFFFF;
     border-radius: 10px;
     border: 1px solid var(--g-color-line-generic);">
  <iframe style="background: #FFFFFF;"
        height="700"
        width="100%"
        frameborder="0"
        src="https://forms.yandex.ru/surveys/1858/?&iframe=1">
  </iframe>
</div>
</details>




<!-- endsource: ru/_includes/form-webmaster.md -->