cdvfile:// not working in html5 video tag

I have a file downloaded to sdCard.
I can play it in media player.So file is not corrupted.

As per documentation to use 'cdvfile://..' in html tag two settings have to be set.

1. I set the Content-Security-Policy with

       <meta http-equiv="Content-Security-Policy" content="default-src cdvfile: 'self' https: data: ; style-src 'self' https: 'unsafe-inline' ; img-src * data: ;connect-src * ; script-src 'self' * 'unsafe-eval' 'unsafe-inline' ">
   

2. I set origin access with

   App.accessRule('cdvfile://*'); in mobile-config.js
   

Html :

<video>
  <source src="cdvfile://localhost/files-external/ksnYb8A3bBr5BnSbT-aK2xDY3_460sv.mp4">
</video>

Expected:
video tag should play the video.

Actual:
A black screen appears without any error.No playback.