Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

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

11 дней назад
Константин
11 дней в сервисе
Был
11 дней назад

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

Константин
 
37 лет
18 лет в сервисе
Был
6 часов назад
14 отзывов
8 дней назад
Вероніка
 
34 года
месяц в сервисе
Была
10 дней назад
10 дней назад
Максим
 
21 год
13 дней в сервисе
Был
2 часа назад
10 дней назад
Денис
 
22 года
6 месяцев в сервисе
Был
11 часов назад
11 дней назад
Андрей
 
34 года
12 лет в сервисе
Был
час назад
28 отзывов
11 дней назад
ТОП-10
Веб-программирование
Максим
 
21 год
5 лет в сервисе
Был
2 часа назад
60 отзывов
11 дней назад
Коля
 
39 лет
3 года в сервисе
Был
37 минут назад
48 отзывов
11 дней назад