Only top half of video displays - JWPlayer

For some reason, my videos have suddenly been cut off and only the top half of the video displays

For the past month, everything has been fine so this is a new problem.

I’ve tried viewing in different browsers Firefox, Edge and Chrome and the problem still persists.

However, when I view the videos themselves in my bucket in Amazon S3 they run fine in all browsers, so it’s a problem with embedding them on my website.

I’m using Amazon S3/Cloudfront with JWPlayer 6, using this code…

[s2Stream player=“jwplayer-v6-rtmp” player_path="/jwplayer/jwplayer.js" file_download=“My_video.mp4” player_key=“123456789=” /]

I’ve tried “jwplayer-v6-rtmp-only” and “jwplayer-v6” aswell and no difference, as well as specifying the recommended width and height e.g player_width=“480” player_height=“270”

However, it fits the player frame if I set an even height and width e.g =“280” player_height=“280”, but this is no good as people will need to view it in full screen and the problem remains when I expand the video

Any thoughts?

That sounds like a problem with your theme and its CSS. What have you changed recently?

Nothing except I’ve updated Wordpress to the latest version and there have been a couple of updates to my theme as well. I’ve contacted them but I’m still waiting for a reply

That’s where your problem undoubtedly lies.