::cue - Try it - Need for explanation

[DomOBU]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/::cue

What specific section or headline is this issue about?

https://developer.mozilla.org/en-US/docs/Web/CSS/::cue#try_it

What information was incorrect, unhelpful, or incomplete?

Hello,

I've copied the "Try it" example to my laptop.
The HTML, CSS, mp4 and vtt files are in the same directory.

When I run the HTML file, I get this error message (see attachment).
What could be the explanation?

Thanks for your feedback.

What did you expect to see?

Be able to view subtitles

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/css/_doublecolon_cue
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/::cue
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/_doublecolon_cue/index.md
• Last commit: 5fea7c9
• Document last modified: 2023-02-21T06:49:52.000Z

[OnkarRuikar]

The src attribute on <track> requires a URL with same origin. This depends on the value of crossorigin attribute.

Browsers tend to give very few privileges to resources loaded from local disk. So resources from 'null' origin are not allowed.

I suggest you run python3 -m http.server in the directory containing the html file and open http://0.0.0.0:8000/ in a browser.

[DomOBU]

Thank you for your reply.
So it's not possible to run the example as it is on the laptop.