Changing plyr video size

Using Themes
1

Hello! Bit of a followup issue from my last. In the Toha theme (Toha | Hugo Themes), it has plyr (GitHub - sampotts/plyr: A simple HTML5, YouTube and Vimeo player) setup so that videos will always scale to fit the space they’re in. I don’t actually want that though, so am trying to find how to prevent it rescaling the videos.

I’ve got the plyr.css overwritten and removed the min/max width and display tags in .plyr to try have the video just play as given, but that didn’t change anything. What am I doing wrong here?

Also, just to know it’s not the video itself at fault, if I just use a regular

2

Update, I found if I remove the width and height from

.plyr audio,.plyr iframe,.plyr video{
    display:block;
    height:100%;
    width:100%
}

Then the video will scale properly, but there will still be a huge black area to the right of the video and all the controls still think it’s the width of the section it’s in. I have managed to remove bits here and there but overall it’s not been too sucessful, and I feel I might be going about this wrong if I’m changing every part of the players stylings rather than some global size it works around.