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

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

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

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

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

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

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

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

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

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

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

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

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

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

  6. Ойнатқыш көмегімен видео бойынша іздеу нәтижелеріне 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>