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

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

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

Өз кезегінде 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>
Қолдау қызметіне жазу

Алдыңғы
HTTPS қолдауы
Келесі
Видео жағдайы туралы деректерді беру