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

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

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

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