Reuse Same Container AKA Destroy Player

[maximilianor-tkf]

Hi,

I'm looking for a way to initialize different players in the same container at different times.

My use case is as follows:

We have a website where users interact with the player in a box, similar to a modal. When the user closes that modal, the player must be destroyed to make space for another player.

The "Multiple H5P players on the same page" initialization process described in the readme is not suitable for our use case.

Also, is there a way to handle actions like play, pause, or full screen outside the library?

Regards!

[maximilianor-tkf]

Also, I tried destroying the child element of the container but then I get the following error when trying initialize a new player.

TypeError: Cannot read properties of undefined (reading 'H5P')

const { H5P } = H5PStandalone;

this.player = await new H5P(el, options);