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

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

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

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