Changing an element to floating on scroll

I have a Group that contains an embedded video. Below this group is a large block of content that can easily extend several pages if fully expanded. I’d like to “convert” this Group to a Floating Group when the user has scrolled a certain amount so that the user can watch the video (likely in the corner of their browser) while reading the content below (as it is live updating and relevant to the video they’re watching).

Is this possible or do you know of a plugin that would allow this?

I’ve thought about having 2 separate elements, where the Floating Group becomes visible at a certain scroll point, but then it is its own separate video element. This breaks the experience if the user was already playing the video.