Відео

Мобільний плеєр

Кількість мобільних користувачів Яндекс.Відео постійно збільшується, їх активність зростає. Тому ми прагнемо розвивати сервіс так, щоб зробити перегляд відео на мобільних пристроях ще зручнішим. У мобільному пошуку Яндекс.Відео відображаються лише ті відеоролики, які може бути відтворено на мобільних пристроях.

Мобільні браузери практично не підтримують Flash Player, для програвання відеороликів використовуються засоби HTML5. Тому, якщо на сторінці сайту розміщено плеєр із підтримкою Flash, але такий, що не підтримує HTML5, у мобільному пошуку Яндекс.Відео він не відображатиметься. Оскільки користувачі все одно не зможуть подивитися в цьому плеєрі відео з мобільних пристроїв.

У свою чергу сайти з HTML5-плеєром буде додано в пошукову видачу мобільного Яндекс.Відео, а також зможуть підвищити якість пошуку за своїми відеороликами (на відміну від ресурсів, які не мають плеєрів у мобільному пошуку).

Вимоги до мобільного плеєра

Щоб ролики потрапили в мобільну видачу Яндекс.Відео, плеєр повинен відповідати таким вимогам:

  1. Коректно відображатися:

    • В основних мобільних операційних системах: Android, iOS, Windows Phone.

    • У браузерах, вбудованих у мобільні операційні системи за замовчуванням, а також у популярних мобільних браузерах, в тому числі у Яндекс.Браузері.

  2. Відтворювати відео засобами HTML5.

  3. Підтримувати протокол HTTPS.

  4. Усі елементи керування плеєром (кнопки, регулятор гучності тощо) повинні правильно працювати.

  5. Плеєр і всі його елементи повинні мати динамічну верстку і підлаштовуватися під змінні розміри і масштаб сторінки, у тому числі під час переходу між режимами орієнтації пристрою (наприклад, у разі повороту екрана мобільного пристрою).

  6. Плеєр повинно бути додано у результати пошуку за відео за допомогою XML-розмітки, 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>