Getting "Not allowed to load local resource" error while trying to attach a MediaSource object as the source of a HTML5 video tag Getting "Not allowed to load local resource" error while trying to attach a MediaSource object as the source of a HTML5 video tag javascript javascript

Getting "Not allowed to load local resource" error while trying to attach a MediaSource object as the source of a HTML5 video tag


As @dandavis has said, "run it from http: not file".

I'm posting this as an answer for the sake of organization.

For starters:Running you project from http means having a http server (such as apache or a simple node http-server) and running your project via http://localhost.


Install http-server globally using npm command(provided you have installed Node.js in your system beforehand). Navigate to your file folder in CMD and type http-server. Your app should run in localhost:8080.