Hello, I am working on a reactive web app that has a video widget and a container with a list of items. I want to synchronize the video widget seek bar and the container scroll bar, so that when the user scrolls the container, the video plays accordingly, and vice versa. For example, if the user scrolls to the middle of the container, the video jumps to the middle of its duration. Similarly, if the user drags the seek bar to a certain point, the container scrolls to the corresponding item.

I have tried using some custom JavaScript code and event listeners, but I couldn't get it to work properly. I am not sure how to access and manipulate the default video widget seek bar and the container scroll bar in OutSystems. I also don't know how to calculate and update the positions of both elements based on their respective lengths and contents.

Does anyone have any idea or suggestion on how to achieve this functionality? I would appreciate any help or guidance. Thank you very much. 😊