На HTML ничего подобного не сделать. Eсть только атрибут preload у видео.
Вот неплохой пример работы с подгрузкой HTML5-видео на JS.
По поводу тиктока, скорее всего вы правы. Точно не знаю как работает, но предполагаю, что там сразу подгружается следующее видео во время просмотра предыдущего.
Можно взять какой-нибудь swiper и динамически подгружать в него слайды с видео по мере прокрутки.
vvanyazz, А вы хотите генерировать разметку через JS? У вас ТЗ такое или сами придумали? Можно конечно и такое реализовать, но зачем?)
Я бы сделал подобный квиз из слайдера. Отключаешь ему все органы управления и листаешь по кликам на пункты...
И красиво и просто. Весь этот слайдер-квиз заворачиваешь в форму и вещаешь событие на submit с валидацией.
Тут собственно валидация только на инпут с телефоном нужна, чтобы человек полностью телефон заполнил. Плюс ещё маску можно повесит для телефона.
vasya2004, width у left да, у right margin-right уже нет. Советую ещё для left добавить flex-shrink: 0, чтобы при переполнении right он не сжимал left.
vasya2004, обновил. Единственное, пришлось выставить overflow-x: hidden; т.к. 100vw - не учитывает ширину скролла и из-за этого появляется горизонтальная прокрутка.
Производительность CSS?) Какие-то загоны на ровном месте.
Мне кажется что-то придумать с inline-block было бы ошибкой, а на флексах как раз таки очевидно что к чему.
Чем очевидней решение - тем лучше.
Вот неплохой пример работы с подгрузкой HTML5-видео на JS.
По поводу тиктока, скорее всего вы правы. Точно не знаю как работает, но предполагаю, что там сразу подгружается следующее видео во время просмотра предыдущего.
Можно взять какой-нибудь swiper и динамически подгружать в него слайды с видео по мере прокрутки.