Is it possible to stop/pause video when modal (where the video is located) is closed?

[avpuchkova]

Describe the bug

Is it possible to stop/pause video when modal (where the video is located) is closed?

Looks like pause() methid does not work/

Reproduction

I tried to do it:

                    <video-player
                        src="src/video"
                        controls
                        :autoplay="false"
                        :loop="true"
                        :volume="0.6"
                        :id="`frame`"
                    />

                let myModal = document.getElementById(`modal`);
                let myFrame = document.getElementById(`frame`);

                myModal.addEventListener('hidden.bs.modal', () => {
                    myFrame.pause();
                });

System Info

Nuxt 3, Vue 3

Used Package Manager

npm

Validations

• [X] Read the the documentation in detail.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• [X] The provided reproduction is a minimal reproducible example of the bug.