Требуется разработать два идентичных одностраничных примера на стороне клиента с использованием 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

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

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

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