Используйте OpenCart. Готовый бек админки и самого магазина, расширение функциональности магазина делается с помощью установки модуля через админку. Спокойно свою верстку сможете использовать. Вам нужно знать php на примитивном уровне: вывод переменной, циклы и условия.
По сути перед вами будет магазин с готовой вёрсткой, вы просто замените верску своей, копируя вывод переменных. Рекомендую использовать OcStore 2.3
Напишите в телегу, скину ссылки, откуда скачать, что глянуть t.me/wladislaw353

Не занимайтесь ерундой с видео!
Все делается буквально в пару строк кода и работает стабильнее

<img data-source="/img/frames/" data-frames="50" data-height="1300" src="" alt="">

Кол-во кадров: 50
Картинки называем 1.jpg, 2.jpg и тд
Высота 1300px, при скролле которой равномерно меняются кадры.

const $img            = document.querySelector('img')
const imgSource       = $img.getAttribute('data-source')
const framesCount     = $img.getAttribute('data-frames')
const scrollingHeight = $img.getAttribute('data-height')

changeFrame(window.scrollY)

document.addEventListener('scroll', () => {
    changeFrame(window.scrollY)
})

function changeFrame(scrollY) {
    let frame = parseInt(scrollY / (scrollingHeight / framesCount) + 1)
    frame = frame > framesCount ? framesCount : frame
    $img.setAttribute('src', imgSource + frame + '.jpg')
}