Waldemar1010, отлично :)
Запомните эти 4,5 правила и с this проблем не будет. Ну а стрелочные функции грубо говоря берут тот this, который был в момент их создания. Чтобы в Вашем случае this не терять, возьмите функцию обработчик и сделайте ей .bind(this), например так можно обойти проблему.
anvarik2, тогда надо разрабатывать, и тут вариантов... css 3d трансформации, js three.js geometry, mesh materials, просто видео вставить на страницу и тд и тп
edward_freedom, спасибо, за замечание, дельное, но я правда все это учел, когда писал ответ, он поможет, если человек поймет его суть, и в любой похожей ситуации сможет разобраться. Я знаю, что Хабр QA движется в поисковиках, учитываю при написании ответа.