Cordova - CSP refuses to load media blob

Adding the blob: modifier to your content security policy should fix the issue. Your media-src directive could look something like this: media-src * blob: assuming it was media-src * before.

Further information on the media-src directive can be found in developer.mozilla.org.


Also, note that using * wildcards is generally not a good idea. It undermines the idea of whitelisting, which is described here. I also answered a question on how to get rid of wildcards here.


I had same issue with electron app below meta tag solved my problem

  <meta http-equiv="Content-Security-Policy" content="default-src 'self' file: data: blob: filesystem:; default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"/>