Мобильді плеер
Бейне бойынша іздеуде мобильді пайдаланушылар саны үнемі артып келеді, олардың белсенділігі артуда. Сондықтан біз мобильді құрылғыларда видеоны көру ыңғайлы болу үшін сервисті дамытуға тырысамыз. Бейне бойынша іздеудің мобильді іздестіруінде тек мобильді құрылғыларда ойнатылуы мүмкін бейнелер көрсетіледі.
Мобильді браузерлер Flash Player-ді қолдамайды, бейнелерді ойнату үшін HTML5 құралдары қолданылады. Сондықтан, егер сайт бетінде Flash қолдауы бар, бірақ HTML5 қолдауы жоқ ойнатқыш орналастырылған болса, бейне бойынша іздеудің мобильді іздестіруінде ол көрсетілмейді. Пайдаланушылар бұл ойнатқышта видеоны мобильді құрылғылардан көре алмайды.
Өз кезегінде HTML5-плеері бар сайттар мобильді бейне бойынша іздеу нәтижелеріне қосылады, сондай-ақ, өзінің бейнероликтері бойынша іздеу сапасын арттыра алады (мобильді іздеуде плеерлері жоқ ресурстармен салыстырғанда).
Мобильді ойнатқышқа қойылатын талаптар
Роликтер бейне бойынша іздеудің мобильді нәтижелеріне түсуі үшін ойнатқыш келесі талаптарға сай болуы керек:
Дұрыс көріну:
Негізгі мобильді операциялық жүйелерде: Android, iOS, Windows Phone.
Әдепкі бойынша мобильді операциялық жүйелерге орнатылған браузерлерде, сондай-ақ танымал мобильді браузерлерде, соның ішінде Яндекс Браузерде.
Видеоны HTML5 құралдары арқылы ойнату.
HTTPS хаттамасын қолдау.
Плеерді басқарудың барлық элементтері (батырмалар, дыбыс реттегіші және т.б.) дұрыс жұмыс істеуі тиіс.
Ойнатқыш және оның барлық элементтерінің динамикалық беттеуі болуы және өзгертілетін өлшемдерге және бет масштабына, соның ішінде құрылғының бағдарлану режимдерінің арасында (мысалы, мобильді құрылғының экранын бұрған кезде) өткен кезде икемделуі тиіс.
Ойнатқыш көмегімен видео бойынша іздеу нәтижелеріне Open Graph немесе Schema.orgкөмегімен қосылуы тиіс.
Барлық талаптар ескерілгеннен кейін, мобильді бейне бойынша іздеуге қосылуға кері байланыс формасы арқылы өтінім жолдаңыз. Біз плеерді тексереміз және сізге нәтижелері туралы хабарлаймыз.
HTML5 ойнатқышын белгілеу
Бейне бойынша іздеу сайт беттерінде video
HTML5 стандарты көмегімен орналастырылған видеомазмұнды түсінеді.
Яндекс video
элементі келесі атрибуттарынан деректерді ала алады:
Атауы | Сипаттамасы |
---|---|
src | Видеофайлдың мекен-жайы (URL). Ескертпе. Видео мазмұнның көптеген дереккөзін көрсету үшін src атрибуты орнына кірістірілген source тегін қолдануға болады. |
poster | Бейнені жүктеу кезінде көрсетілетін суреттің URL мекенжайы. |
Атауы | Сипаттамасы |
---|---|
src | Видеофайлдың мекен-жайы (URL). Ескертпе. Видео мазмұнның көптеген дереккөзін көрсету үшін src атрибуты орнына кірістірілген source тегін қолдануға болады. |
poster | Бейнені жүктеу кезінде көрсетілетін суреттің URL мекенжайы. |
video
элементінің кірістірілген тегтері:
Атауы | Сипаттамасы |
---|---|
source | Видео мазмұнның дереккөзі. Атрибуттың орнына Қолданылатын атрибуттар:
|
track | Бейнені ойнату кезінде көрсетілетін мәтінмен қосымша ресурстарды көрсетеді. Мәтін субтитрлер, қолтаңбалар, сипаттамалар, тараулар немесе метадеректерді қамтуы мүмкін. Ескертпе. Егер video элементі ішінде source элементі бар болса, одан кейін track элементі орналасуы керек.Қолданылатын атрибуттар:
|
Атауы | Сипаттамасы |
---|---|
source | Видео мазмұнның дереккөзі. Атрибуттың орнына Қолданылатын атрибуттар:
|
track | Бейнені ойнату кезінде көрсетілетін мәтінмен қосымша ресурстарды көрсетеді. Мәтін субтитрлер, қолтаңбалар, сипаттамалар, тараулар немесе метадеректерді қамтуы мүмкін. Ескертпе. Егер video элементі ішінде source элементі бар болса, одан кейін track элементі орналасуы керек.Қолданылатын атрибуттар:
|
Белгілеу мысалдары:
<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>