[Question] DASH quality errors ("The media could not be loaded, either because the server or network failed or because the format is not supported.")

[tcsenpai]

First of all, I am not used at all to open issues. I tried to look for the same issue but did not find any.

Small background: I am a proud owner of a small instance that I also recently upgraded in my homelab (https://view.tcsenpai.com). I am used to frequently update and tinker with it.

Describe the bug
Due to the recent problems in playing videos (thanks Google) I've updated the docker-compose and all seemed to be ok. Unfortunately, and this happens only and always on DASH quality, the thumbnail loads but there is an overlay on the player saying:
"The media could not be loaded, either because the server or network failed or because the format is not supported."
Not a big deal of course but maybe is an hint for something bigger. Anyway hd720 works flawlessly.

Steps to Reproduce

1. Update to the last invidious version (at least on docker-compose)
2. Play a video in DASH quality

Logs

Page settings have blocked the loading of a resource (connect-src) from http://view.tcsenpai.com:3000/videoplayback?expire=1714419291&ei=-6EvZsbKEOeui9oPzZKB0AQ&ip=87.121.148.217&id=o-AJcbHjSolcYiuiXCh975mdWI-A9nBDHrkbPFvHtchQZJ&itag=298&source=youtube&requiressl=yes&xpc=EgVo2aDSNQ%3D%3D&mh=2c&mm=31%2C29&mn=sn-hpa7znzy%2Csn-hpa7knll&ms=au%2Crdu&mv=m&mvi=1&pl=23&initcwndbps=3013750&vprv=1&svpuc=1&mime=video%2Fmp4&gir=yes&clen=214499934&ratebypass=yes&dur=1060.516&lmt=1714386542667225&mt=1714397343&fvip=3&keepalive=yes&c=ANDROID_TESTSUITE&txp=6309224&sparams=expire%2Cei%2Cip%2Cid%2Citag%2Csource%2Crequiressl%2Cxpc%2Cvprv%2Csvpuc%2Cmime%2Cgir%2Cclen%2Cratebypass%2Cdur%2Clmt&sig=AJfQdSswRQIgBuU7DvIYMH7-D2mMHbAulCdLLM95rab6J37CJExF4hMCIQCKQZYtb-tCDlCzXBwZV1k12VXdkyZ77H80_vUiUbCIWQ%3D%3D&lsparams=mh%2Cmm%2Cmn%2Cms%2Cmv%2Cmvi%2Cpl%2Cinitcwndbps&lsig=AHWaYeowRgIhANpudRqj_rxkwNg73YvwNvXUEMBTsJCo_ZMbG4rxJ3MoAiEA5pB6YIquM1XytnzMFIXCR6G5LnNDHFUptLqaovWvng4%3D&host=rr1---sn-hpa7znzy.googlevideo.com since it violates the following directive: “connect-src ‘self’” 2 [video.js:8080:9](https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444)

VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported. 
Object { code: 4, message: "The media could not be loaded, either because the server or network failed or because the format is not supported." }
[video.js:163:49](https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444)
Uncaught (in promise) DOMException: The media resource indicated by the src attribute or assigned media provider object was not suitable.
    endOfStream https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:57522
    shiftQueue https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:57372
    pushQueue https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:57626
    endOfStream https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:58070
    blacklistCurrentPlaylist https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:62092
    setupMasterPlaylistLoaderListeners_ https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:61437
    dispatcher https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:2250
    trigger https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:2386
    trigger https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:2789
    requestErrored_ https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:43260
    fin https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:43287
    request https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:43313
    endRequestAndCallback https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:42891
    progressListener https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:42900
    callbackWrapper https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:42278
    request https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:42952
    callbackWrapper https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:42278
    request https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:42303
    cbOnce https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:7910
    errorFunc https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444:7947
[video.js:57522](https://view.tcsenpai.com/videojs/video.js/video.js?v=eda7444)
Uncaught (in promise) DOMException: The media resource indicated by the src attribute or assigned media provider object was not suitable.

Additional context

• Browser: Firefox with all possible fingerprinting extensions enabled + no cookies
• Instance is behind cloudflare
• I am using a VPN

[unixfox]

Please follow the post install: https://docs.invidious.io/installation/#post-install-configuration

It's trying to load the streams in HTTP not HTTPS.