Construí mi sitio web que tiene 3 videos con scrollmagic. Funciona perfectamente en PC, Android y iPad (también en Safari). Pero estos videos no se inician en mi iPhone. Probé Safari y Chrome. También solicité la vista del sitio web. Todavía no funciona.

 const controller = new ScrollMagic.Controller(); let scene = new ScrollMagic.Scene({ duration: 40, triggerElement: v1, triggerHook: 0, }) .setPin(v1) .addTo(controller); let scene2 = new ScrollMagic.Scene({ duration: 120, triggerElement: v1, triggerHook: 0, }) .addTo(controller); let scene3 = new ScrollMagic.Scene({ duration: 60, triggerElement: v1, triggerHook: 0, }) .addTo(controller); let accelamount = 0.1; let scrollpos = 0; let delay = 0; scene.on("update", e => { scrollpos = e.scrollPos / 500; //console.log(e); }) setInterval(() => { delay += (scrollpos - delay) * accelamount; console.log(scrollpos); video1.currentTime = scrollpos; if (scrollpos > 2.5) { video2.currentTime = scrollpos - 2.5; } if (scrollpos > 4.5) { video3.currentTime = scrollpos - 4.5; } }, 100);