I’m implementing a custom live video player on the home screen of my webOS TV application. The video element is placed inside a scrollable section of the DOM. However, when the user scrolls, the surrounding UI moves as expected but the video itself does not move in sync with the container. Instead, the video remains fixed in its original position, leaving a blank area where the video should be.
Is this expected behavior due to the webOS video plane architecture?
If so, what is the recommended approach for implementing a mini-player within a scrollable layout?
Any official guidance or best practices would be appreciated.