Content not showing in Chrome

I have embedded H5P content in a platform called Kajabi. Everything has been working fine previously. The content is coming from a WP site using WordPress 5.1.6 and H5P Version 1.15.0 plugin.  There are now issues with H5P content showing on the page with both desktop and mobile browsers.

The issue happens in Chrome Version 86.0.4240.111 (Official Build) (64-bit). In Safari it will not display the content on the page for security issues since it's embedded but will show it when the content is displayed in a new tab. The issue does not happen with Microsoft Edge.

It happens with multiple content types e.g Essay, Drag and Drop.

The content frame is showing a message that says "letsgethealthy.co.uk refused to connect." That domain is the WP site. See below for console errors.

I have tried downloading an example content type but I get the download button fails to create the download. See it here.

Please let me know if there is any other information you need.

Many thanks,

Mark

CONSOLE ERRORS

10829837:1 Refused to display 'https://letsgethealthy.co.uk/wp-admin/admin-ajax.php?action=h5p_embed&id=25' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

10829837:1 Refused to display 'https://letsgethealthy.co.uk/wp-admin/admin-ajax.php?action=h5p_embed&id=26' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

10829837:1 Refused to display 'https://letsgethealthy.co.uk/wp-admin/admin-ajax.php?action=h5p_embed&id=28' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

DevTools failed to load SourceMap: Could not load content for https://kajabi-storefronts-production.global.ssl.fastly.net/kajabi-store... HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE