Нужно видео quiz. Выбирая какой-то из вариантов ответа, проигрывается соответствующий кусочек видео. В конце показывает слайд результата. Видео используется из YouTube но лого и элементы контроля на видео не видны. На видео видны титры из файла VVT. Результат хорошо комментированный код который в последствии можно доверстать самостоятельно и сгенерить HTML/CSS/JS для размещения на сервере. Идейно похожие проекты:
Нужно создать аппликацию, которая размещается на простом хостинге без node.js. Всё генерится локально и копируется на сервер. В основе используется один видеофайл из YouTube.
Первый слайд проигрывает видео autoplay. Как Video Player можно использовать
https://cookpete.com/react-player/ Кликая на кнопке вызывается Google analytics события
https://gist.github.com/kevinblake/4353977 В любой момент можно включить и выключить звук. Это относится как звуку из видео, так и к фоновому звуку. На слайдах с вопросами в конкретный момент поверх видео показывается текст и варианты ответа видео останавливается на последнем кадре. В момент переключения между слайдами максимально редко должен показываться элементы загрузки. поэтому используется одно видео.Может отображаться YouTube анимация загрузки. Содержание титров оформляется с помощью CSS. Оформление на компьютере и на телефоне может отличаться поэтому оформление должна понимать (media queries). Файл содержаниям титров
http://demo.turn.lv/peteris/video-link/captions.vvt Пример JSON файла из которого будут генерит все слайды -
http://demo.turn.lv/peteris/video-link/quiz-setup.... Слайд результата должен получать переменную, в которой можно передать информацию из предыдущих шагов. Слайд результата особенный. Потому что на него можно указать с любой кнопки, но он содержит много статического HTML. Результаты есть статический url. Ева акция можно зажарить в Facebook специфической картинкой и текстом. Картинка статическая и находится на сервере. Для каждого результата своя картинка. Зашаренный пост ведёт на начальную страницу, а не на страницу результата. Ватно возможность в HTML создать кнопку, которая ведёт на какой-нибудь из слайдов видео по ID. Домейн, ID Facebook аппликации, ID Google analytics и общий фоновый звук (
https://audiojungle.net/item/backround-hiphop/2...) конфигурируется в начале. На телефоне или узких экранов увидела обрезаются края
https://codepen.io/dudleystorey/pen/PZyMrd https://codepen.io/dudleystorey/pen/knqyK Поддержка браузеров: IE11, Chrome for Android, и две популярные версии для Edge, Safari, Chrome, Firerefox, iOS Safari с
https://caniuse.com/usage-table Предпочтение кандидату, который сможет показать пример фонового видео с YouTube без логотипа и контроля. На видео, кнопки, которые позволяют перемещаться как по слайдам
