I’m having a portfolio website (built with Hugo), where I show some of the videos I made. I’m using Plyr as a JS library to run the videos and the URLs are relative to my site’s root. I just checked the pages with subtitled videos in Chrome 85 on Windows 10. I’m getting this error:
Unsafe attempt to load URL https://d33wubrfki0l68.cloudfront.net/6b8f97991663bea30f8fc69ff42856609c99df37/16c56/project/goodbye-adam/assets/vid1-sub.vtt from frame with URL https://hrishikeshk.netlify.app/project/goodbye-adam/. Domains, protocols and ports must match.
Apparently, Netlify is changing the subtitle (and video) URLs to the cloudfront ones and Chrome doesn’t let VTTs to load from external addresses. The videos load fine, however, subtitles don’t.
I have asset optimization completely disabled in the build settings for the website.
This is my website address: https://hrishikeshk.netlify.app/
Here are the pages that have videos with subtitles: https://hrishikeshk.netlify.app/project/dropbox/, https://hrishikeshk.netlify.app/project/goodbye-adam/.
This is my asset optimization settings section:
I had asset optimizations previously enabled and I recently disabled those. Now all my CSS, JS and
EDIT: Just checked, the images’ URLs are changed too.