MIME types on JS CSS

[ddvtech]

MIME types on JS CSS

[Rokamun]

Hey Dan,

Which URLS specifically have the wrong mime type? We'll happily fix them of course.

[danmorriswales]

It seems to be when I use the embed code, Initially it works fine but if I refresh it will tag incorrect mime types. I'm not sure if the embed code changes periodically which may cause the issue? I'm experiencing some erratic behaviour at the minute so I'm not entirely sure that this is the underlying issue.

[Rokamun]

That's certainly weird, but which files are causing the problem?
player.js, player.css, json_stream.js, info_stream.js or is it a completely different JS / CSS file? I've been looking in my Chrome browser but they seem correct so far.

[danmorriswales]

Ill drop the errors i'm getting here, I've tried various methods of displaying the stream -

Cross-Origin Read Blocking (CORB) blocked cross-origin response http://212.250.60.134/embed_c23734d006c8fb72dca6a341c1201bf0bb437e38b8f28e7ba53d63e9f6a5ee64.js with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.
livestream:307

Cross-Origin Read Blocking (CORB) blocked cross-origin response http://212.250.60.134/c23734d006c8fb72dca6a341c1201bf0bb437e38b8f28e7ba53d63e9f6a5ee64.webm with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

Refused to display 'http://212.250.60.134/c23734d006c8fb72dca6a341c1201bf0bb437e38b8f28e7ba53d63e9f6a5ee64.html' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
player.js:1028 Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://212.250.60.134/player.css".
mistPlay @ player.js:1028
a @ livestream:309
load (async)
(anonymous) @ livestream:320
player.js:1028

Cross-Origin Read Blocking (CORB) blocked cross-origin response http://212.250.60.134/player.css with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.
mistPlay @ player.js:1028
a @ livestream:309
load (async)
(anonymous) @ livestream:320
player.js:1486

Cross-Origin Read Blocking (CORB) blocked cross-origin response http://212.250.60.134/info_c23734d006c8fb72dca6a341c1201bf0bb437e38b8f28e7ba53d63e9f6a5ee64.js with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

Maybe these are just covering up some other fundamental error, but it does occasionally work which is strange.

[Rokamun]

Hmm...

Do you happen to have a forwarding proxy or something like that in there as well?

The MIME types seem to be set correctly as far as I can see in the code itself. Especially the .webm returning text/html is weird.

[Thulinma]

Looking into this, it seems that the problem is that the embed is displayed inside an HTML iframe, with the parent page setting the option "X-Frame-Options: sameorigin". This means it will refuse to load anything coming from a different host/port combination than the parent website itself.
If possible, remove that option. If that is not possible, it might be easiest to reverse-proxy Mist through your website to avoid the issue altogether. See this article for more details: https://news.mistserver.org/news/81/Using+MistServer+through+a+reverse+proxy

Hopefully that takes care of your issue! If you need further help, feel free to re-open this. 👍