---
metadata:
  - name: generator
    content: Diplodoc Platform v5.42.1
alternate:
  - https://yandex.kz/support/video/kk/partners/mobile-player.md
  - https://yandex.kz/support/video/ru/partners/mobile-player.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.kz/support/video/kk/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.kz/support/video/kk/partners/open-graph.md#add-player) немесе [Schema.org](https://yandex.kz/support/video/kk/partners/schema-org.md#add-player) көмегімен қосылуы тиіс.


{% note alert %}

Іздеудегі сайттың көрінісі автоматты түрде қалыптасады. Белгілеу нәтижелерді құрастыруға көмектеседі, бірақ бейнероликтің іздеуге түсетіндігіне кепілдік бермейді.

{% endnote %}



## HTML5-ойнатқышын белгілеу {#markup}

[Видео арқылы іздеу](http://yandex.kz/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` — бейне файлдың мекенжайы (URL).
    
- `type` — видеофайл пішімі.
||

||
`track`
|
Бейнені ойнату кезінде көрсетілетін мәтінмен қосымша ресурстарды көрсетеді. Мәтін субтитрлер, қолтаңбалар, сипаттамалар, тараулар немесе метадеректерді қамтуы мүмкін.


{% note info %}

Егер `video` элементі ішінде `source` элементі бар болса, одан кейін `track` элементі орналасуы керек.

{% endnote %}


Қолданылатын атрибуттар:

- `src` (міндетті жол) — мәтіндік файлдың мекен-жайы (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: kk/_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.kz/surveys/1858/?&iframe=1&lang=kk">
  </iframe>
</div>
</details>




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