Problem with video and audio on the same page

[MarcoGoeli]

When I publish a video and audio on the same page, the video overhangs the webpage. If I remove the audio, the video is responsive and is displayed properly on the website. With the audio, the poster image is not visible in the video either, without it it is visible. What's the problem here?

audio and video

video

[Mohammed-Taysser]

Instead of single player:

const player = new Plyr('#player');

use the multi-players as the following:

const players = Array.from(document.querySelectorAll('.js-player')).map((p) => new Plyr(p));

According to docs https://github.com/sampotts/plyr#multiple-players