Mobile player

The number of mobile users of video search is growing, and they are becoming more active all the time. Because of this, we strive to develop our service in a way that makes watching videos on mobile devices even easier. The mobile video search only shows those videos that can be played on mobile devices.

Mobile browsers don't support Flash Player. HTML5 tools are used to play videos. Because of this, if the site page contains a player that supports Flash but not HTML5, it isn't displayed in the mobile video search. Mobile users can't watch videos in this player anyway.

On the other hand, sites with an HTML5 player are added to the mobile video search results and can also improve the quality of searches for their videos (unlike resources that don't have players in mobile search).

  1. Mobile player requirements
  2. HTML5 player markup

Mobile player requirements

For the videos to be included in the mobile video search results, the player must meet the following requirements:

  1. The player must be displayed correctly:

    • In the main mobile operating systems: Android, iOS, and Windows Phone.

    • In browsers built into mobile operating systems by default and in popular mobile browsers, including Yandex Browser.

  2. The player must play videos by means of HTML5.

  3. The player must support the HTTPS protocol.

  4. All player controls (like buttons and volume controls) must work correctly.

  5. The player and all of its elements must have a dynamic layout and adapt to different page sizes and scales, including when the user switches between device orientation modes (for example, when they turn the mobile device screen).

  6. The player must be added to the video search results using Open Graph or Schema.org.

When you configure the player to meet all the requirements, send an application to connect it to mobile video search via the feedback form. We'll test the player and inform you about the results.

HTML5 player markup

Video search understands video content that's posted on site pages using the video element in HTML5 standard.

Yandex can extract data from the following video element attributes:

Name Description
src

The video file address (URL).

Note. To specify multiple video content sources, you can use a nested source tag instead of the src attribute.
poster

The URL of the image that's displayed during the video upload.
Name Description
src

The video file address (URL).

Note. To specify multiple video content sources, you can use a nested source tag instead of the src attribute.
poster

The URL of the image that's displayed during the video upload.

Nested video element tags:

Name Description
source

The video content source. Used instead of the src attribute if you need to specify multiple video sources.

Supported attributes:

  • src: The video file address (URL).

  • type: The video file format.
track

Allows you to specify additional resources with any text that's displayed during video playback. The text may include subtitles, captions, descriptions, chapters, or metadata.

Note. If the source element is inside the video element, the track element must follow it.

Supported attributes:

  • src (required field): The text file address (URL). Its value must be an absolute or relative URL.

  • type: The text file format.

  • kind: The track type that's added to the video. Possible values:

    • subtitles: The subtitles. The subtitle language is specified in the ISO 639-1 format using the required srclang attribute.

    • captions: The signature that's displayed during video playback.

    • descriptions: The video description.

    • metadata: The track metadata.

    • chapters: The chapter name. Used to navigate through the video resource. Tracks marked as chapters are displayed as an interactive list.

  • label: The name of the text track that's connected to the video file. The value must be a string parameter. It can't be empty.
Name Description
source

The video content source. Used instead of the src attribute if you need to specify multiple video sources.

Supported attributes:

  • src: The video file address (URL).

  • type: The video file format.
track

Allows you to specify additional resources with any text that's displayed during video playback. The text may include subtitles, captions, descriptions, chapters, or metadata.

Note. If the source element is inside the video element, the track element must follow it.

Supported attributes:

  • src (required field): The text file address (URL). Its value must be an absolute or relative URL.

  • type: The text file format.

  • kind: The track type that's added to the video. Possible values:

    • subtitles: The subtitles. The subtitle language is specified in the ISO 639-1 format using the required srclang attribute.

    • captions: The signature that's displayed during video playback.

    • descriptions: The video description.

    • metadata: The track metadata.

    • chapters: The chapter name. Used to navigate through the video resource. Tracks marked as chapters are displayed as an interactive list.

  • label: The name of the text track that's connected to the video file. The value must be a string parameter. It can't be empty.

Markup examples:

<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 is displayed 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>