[CB-12356] cdvfile:// not working in html5 video tag

• Type: Bug
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Component/s: cordova-android
• Labels: plugin-file video

Environment

Android version : 4.4.2
Model : HTC
cordova-plugin-file@4.3.1
Meteor : 1.4

• Assignee: Unassigned
• Reporter: harish
• Created: 17/Jan/17 11:18
• Updated: 04/Apr/17 08:45

Description

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.