Мобильді плеер

Яндекс.Видео мобильді пайдаланушылар саны үнемі артып келеді, олардың белсенділігі артуда. Сондықтан біз мобильді құрылғыларда видеоны көру ыңғайлы болу үшін сервисті дамытуға тырысамыз. Яндекс.Видеоның мобильді іздестіруінде тек мобильді құрылғыларда ойнатылуы мүмкін бейнелер көрсетіледі.

Мобильді браузерлер Flash Player-ді қолдамайды, бейнелерді ойнату үшін HTML5 құралдары қолданылады. Сондықтан, егер сайт бетінде Flash қолдауы бар, бірақ HTML5 қолдауы жоқ ойнатқыш орналастырылған болса, Яндекс.Видеоның мобильді іздестіруінде ол көрсетілмейді. Пайдаланушылар бұл ойнатқышта видеоны мобильді құрылғылардан көре алмайды.

Өз кезегінде HTML5-плеері бар сайттар мобильді Яндекс.Видео нәтижелеріне қосылады, сондай-ақ, өзінің бейнероликтері бойынша іздеу сапасын арттыра алады (мобильді іздеуде плеерлері жоқ ресурстармен салыстырғанда).

  1. Мобильді плеерге қойылатын талаптар
  2. HTML5 плеерді белгілеу

Мобильді плеерге қойылатын талаптар

Роликтер Яндекс.Видео мобильді нәтижелеріне түсуі үшін ойнатқыш келесі талаптарға сай болуы керек:

  1. Дұрыс көріну:

    • Негізгі мобильді операциялық жүйелерде: Android, iOS, Windows Phone.

    • Әдепкі бойынша мобильді операциялық жүйелерге орнатылған браузерлерде, сондай-ақ танымал мобильді браузерлерде, соның ішінде Яндекс.Браузерде.

  2. Видеоны HTML5 құралдары арқылы ойнату.

  3. HTTPS хаттамасын қолдау.

  4. Плеерді басқарудың барлық элементтері (батырмалар, дыбыс реттегіші және т.б.) дұрыс жұмыс істеуі тиіс.

  5. Плеердің және оның барлық элементтерінің динамикалық беттеуі болуы және өзгертілетін өлшемдерге және бет масштабына, соның ішінде құрылғының бағдарлану режимдерінің арасында (мысалы, мобильді құрылғының экранын бұрған кезде) өткен кезде икемделуі тиіс.

  6. Плеер көмегімен видео бойынша іздеу нәтижелеріне XML-таңбалар, Open Graph немесе Schema.org көмегімен қосылуы тиіс.

Барлық талаптар ескерілгеннен кейін, мобильді Яндекс.Видеоға қосылуға кері байланыс формасы арқылы өтінім жолдаңыз. Біз плеерді тексереміз және сізге нәтижелері туралы хабарлаймыз.

HTML5 плеерді белгілеу

Яндекс.Видео сервисі сайт беттерінде video HTML5 стандарты көмегімен орналастырылған видеомазмұнды түсінеді.

Яндекс video элементі келесі атрибуттарынан деректерді ала алады:

Атауы Сипаттама
src

Видеофайлдың мекен-жайы (URL).

Ескертпе. Видео мазмұнның көптеген дереккөзін көрсету үшін src атрибуты орнына кірістірілген source тегін қолдануға болады.
poster

Бейнені жүктеу кезінде көрсетілетін суреттің URL-ы.

video элементінің кірістірілген тегтері:

Атауы Сипаттама
source

Видео мазмұнның дереккөзі. Атрибуттың орнына src қолданылады, егер бірнеше видеоның дереккөзін көрсету керек болған жағдайда.

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

  • src — бейне файлдың мекен-жайы (URL).

  • type — видеофайл пішімі.

track

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

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

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

  • src (міндетті жол) — мәтіндік файлдың мекен-жайы (URL). Оның мәні абсолютті немесе салыстырмалы URL болуы керек.

  • type — мәтіндік файл пішімі.

  • kind — бейнеге қосылатын жол түрі. Мүмкін болатын мәндер:

    • subtitles — субтитрлер. Субтитр тілі ISO 639-1 пішімінде міндетті srclang атрибуты көмегімен көрсетіледі.

    • captions — видеоны ойнату кезінде көрсетілетін қолтаңба.

    • descriptions — видео сипаттамасы.

    • metadata — тректің метадеректері.

    • chapters — бөлім атауы, бейне ресурстар бойынша навигация үшін пайдаланылады. Бөліктер ретінде белгіленген жолдар интерактивті тізім түрінде көрсетіледі.

  • label — бейне файлға қосылған мәтін жолының атауы. Мән жол параметрі болуы керек; бос мәнге ие болмайды.

Белгілеу мысалдары:

<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>
<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>