Мобильный плеер
Количество мобильных пользователей поиска по видео постоянно увеличивается, их активность растет. Поэтому мы стремимся развивать сервис так, чтобы сделать просмотр видео на мобильных устройствах еще удобнее. В мобильном поиске по видео отображаются только те видеоролики, которые могут быть воспроизведены на мобильных устройствах.
Мобильные браузеры практически не поддерживают 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>