If possible I’d like to keep the arrows on desktop view, it’s only when viewing on mobile that the problem occurs.

Thanks,
Chris.

@media (max-width: 1220px) {
.player-button {
display: none;
}
}

That removes the arrow buttons at the breakpoint where they drop beneath the video.

BUT the large black empty space is because of this css:
.player-content.jw7-plr {
min-height: 250px !important;
}

Anyway , thank you that worked great.

Exactly what I needed, thank you so much ??

Chris.