Published Outlook Calendar in a Custom Web Site
About 3 years ago, I placed a published Outlook Calendar into my company's internal web site using an iframe:
<iframe src="{{linkToThePublishedCalendar}}" scrolling="no" width="100%" height="700px;" frameborder="0"></iframe>
It's been working without any issues all this time. Recently, it stopped showing and started displaying an "outlook.office365.com refused to connect." error.
The browser (Google Chrome) console shows the following error:
chromewebdata/:1 Refused to display 'https://outlook.office365.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
And the status of the network request for calendar.html is displayed as (blocked:other). Its response headers do contain the X-Frame-Options header, with the value of "SAMEORIGIN".
How can one embed an outlook calendar into a custom web page without an iframe?
Please advise.