Delete/Hide overlay

[martinbkure]

Description

I'm in a scenario, where related videos are shown below the current video. When you click the related videos, they're played in the same player and only the src is being updated. That means, that the overlays will stay in the player and will be shown, when the new videos are played.

I really can't figure out how to get rid of the existing overlays. I can see in the code, that there is a hide method, but I can't find a way to get rid of all the overlays I've created.

Steps to reproduce

1. Add a video with overlays and bind them to some events.
2. Change the src of the player
3. See that the events are still bound to the player

Results

Expected

Please describe what you expected to see.

Actual

Please describe what actually happened.

Error output

If there are any errors at all, please include them here.

Additional Information

Please include any additional information necessary here. Including the following:

versions

videojs

what version of videojs does this occur with?

browsers

what browser are affected?

OSes

what platforms (operating systems and devices) are affected?

plugins

are any videojs plugins being used on the page? If so, please list them below.

[martinbkure]

My solution at the moment is to hide it through css

[gkatsev]

You could use something like using loadstart as the end event for an overlay. That should close the overlay when the loadstart event happens which is when the next video loads. https://github.com/brightcove/videojs-overlay#overlays