HLS.js playlist could not be loaded and the video doesn't work on my web site about hls.js

[robwalch]

mobile screens are displaying an error message in Chrome:

These errors do not originate from HLS.js. HLS content should be served with "Access-Control-Allow-Origin" headers to prevent CORS errors in Web-based players. HLS.js cannot proceed to parse and play content when the first request is blocked by CORS.

Search "AWS storage CORS policy" -> https://docs.aws.amazon.com/AmazonS3/latest/userguide/cors.html

Here's the HTML code snippet for embedding the video:
And below is the JavaScript code I'm using to switch playlists based on screen resolution:

Since you have "autoplay" on the video element, you do not need to call video.play() in either case. Let the browser handle autoplay (or reject it based on user preference and browser policy).