Требуется разработать два идентичных одностраничных примера на стороне клиента с использованием HTML-плееров:

  1. Video.js

  2. Plyr (https://github.com/sampotts/plyr?tab=readme-ov-file#ads)

Требования к функционалу плеера:

  • Плеер должен быть настроен или доработан таким образом, чтобы поддерживать следующие функции:

    • Прерывание видео через N секунд просмотра.

    • При достижении определенного времени отображать тень на содержимом и показывать псевдо-модальный HTML-блок поверх страницы, пропорционально размеру окна.

HTML-блоки:

  • HTML-блок должен быть представлен в двух идентичных вариантах, расположенных в отдельных парах HTML/JS файлов, различающихся только цветовой гаммой.

  • Имя шаблона с блоком задается в настройках рядом с плеером.

  • HTML-блок должен содержать позыв установить некое ПО для продолжения, при этом дизайн должен быть стильным и стимулировать пользователя нажать на красивую анимированную кнопку.

Важные моменты:

  • При нажатии в любое другое место на странице, HTML-блок скрывается, видео продолжает воспроизводиться, таймер сбрасывается, и процесс повторяется.

  • Каждый показ HTML-блока сопровождается установкой cookie с номером попытки, который должен отображаться в отладочной консоли.

  • Лучше сделать за 2-3 дня и разместить на github

6 месяцев назад
guest_1741435695924
6 месяцев в сервисе
Был
6 месяцев назад

Заявки фрилансеров

Константин
 
37 лет
19 лет в сервисе
Был
2 месяца назад
15 отзывов
6 месяцев назад
Вероніка
 
35 лет
7 месяцев в сервисе
Была
2 месяца назад
6 месяцев назад
Максим
 
22 года
6 месяцев в сервисе
Был
3 месяца назад
3 отзыва(-2)
6 месяцев назад
Денис
 
23 года
год в сервисе
Был
5 дней назад
6 месяцев назад
Андрей
 
35 лет
13 лет в сервисе
Был
час назад
32 отзыва
6 месяцев назад
ТОП-5
Веб-программирование
Максим
 
22 года
6 лет в сервисе
Был
14 часов назад
60 отзывов
6 месяцев назад
Коля
 
40 лет
3 года в сервисе
Был
10 минут назад
48 отзывов
6 месяцев назад