Mobile player
The number of mobile Yandex.Video users is constantly growing and they are an active user base. Therefore, we are actively developing this service to make it easier to view videos on mobile devices. Only videoclips that can be played back on mobile devices are displayed in Yandex.Video's mobile search results.
For the most part, mobile browsers don't support Flash Player; they use HTML5 for videoclip playback. Therefore, if a site hosts a player that supports Flash but not HTML, then the player will not display in mobile Yandex.Video searches.
In turn, sites using HTML5 players will be added to mobile Yandex.Video search results and may see an increase in the quality of searches for their videoclips (in comparison with resources that don't have players in their mobile searches).
Mobile player requirements
To make sure your videoclips end up in Yandex.Video search results, your player should meet the following requirements:
-
Display correctly:
-
In the main mobile operating systems: Android, iOS, Windows Phone.
-
In browsers integrated into mobile operating systems by default as well as in popular mobile browsers like Yandex.Browser.
-
-
Playback videos using HTML5.
-
Use the HTTPS protocol.
-
All player control elements (buttons, volume regulator, etc.) should work correctly.
-
The player and all its elements should have a dynamic layout and automatically adjust in response to changing page size or scale, including when the device's orientation changes (i.e. when the user turns the screen sideways or upright).
-
The player should be added to video search results using XML markup, Open Graph or Schema.org.
Use the feedback form to send us a request to connect to mobile Yandex.Video after you've fulfilled these requirements. We will test the player and inform you of the results.
HTML5 player markup
Yandex.Video understands video content hosted on websites using the video
element of the HTML standard.
Yandex can retrieve data from the following video
element attributes:
Name | Description |
---|---|
src |
Address (URL) of video file. Note. To indicate multiple video content sources, you can use the nested
source tag instead of the src attribute.
|
poster |
URL of image displayed during video loading. |
Name | Description |
---|---|
src |
Address (URL) of video file. Note. To indicate multiple video content sources, you can use the nested
source tag instead of the src attribute.
|
poster |
URL of image displayed during video loading. |
Nested tags of video
element:
Name | Description |
---|---|
source |
Source of video content. This is used instead of the Supported attributes:
|
track |
Lets you indicate any additional textual resources that will display during video playback. This may include subtitles, annotations, descriptions, chapter numbers, or metadata. Note. If the
source element is included within the video element, then the track element should come after it.
Supported attributes:
|
Name | Description |
---|---|
source |
Source of video content. This is used instead of the Supported attributes:
|
track |
Lets you indicate any additional textual resources that will display during video playback. This may include subtitles, annotations, descriptions, chapter numbers, or metadata. Note. If the
source element is included within the video element, then the track element should come after it.
Supported attributes:
|
Markup example:
<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" />
<!-- This text displays when the browser doesn't support the "video" tag.-->
</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>