Все эти фичи - это набор видео роликов. Нужно быть умалишенным, что бы делать всё это через картинки))
Вот собсна парочка видосов из вашего примера:
https://www.mercurymarine.com/static/img/stingray/...
https://www.mercurymarine.com/static/img/stingray/...
https://www.mercurymarine.com/static/img/stingray/...
https://www.mercurymarine.com/static/img/stingray/...
Суть достаточно простая, видео ролику можно задавать время кадра, т.е. перематывать(вот эт я капитан).
От чего, мы можем благодаря
html5 video api програмно указывать время, т.е. перематывать ролик программно. В данный момент, перемотка происходит на основе позиции скроллбара.
