How to pause all other videos while playing a single video in Nuxt?

[kollol-dev]

I have one or two arrays of videos. An user can click and play any of them.

here is my code.

<div v-for="(item, vidIndex) in videos":key="vidIndex">
    <vue-plyr ref="plyr" style="width: 100%; height: 100%" :options="options">
        <video playsinline crossorigin :src="item.url" :type="`video/${item.extType}`"></video>
    </vue-plyr>
</div

Problem is, user can click multiple videos to play and all the videos are being played and creates a mess. Now all I want is, if any user click on a video to play, all the other videos had played before should be paused. Is there any idea how can I do this?

[allenhark]

Any solutions for this issue?

[kollol-dev]

No not yet

[santana-everton]

Any solutions after a few months with that problem?