Play video from local files with WebView React Native

So here is the point. I have some files downloaded on my device. Because can be video,mp3 or pdf, it can be nice to display it on a webview so its preview system will do the work for me, and I have no necessity to download any external media player.

I have this code let's assume that this path:

const path = 'file:///Users/MyUser/Library/Developer/CoreSimulator/Devices/D18AD5B6-22D1-4F57-A162-8A1C5DBCAD7A/data/Containers/Data/Application/BF9347EB-8EDF-45CB-9CFD-08C0C8BE3D5C/Documents/song.mp3';


 <WebView
            javaScriptEnabled
            source={{ uri: path }}
            style={{ marginTop: 0 }}
          />

My problem is when I'm trying to load the file, it always raise this error:

I suspect it's about the route of the uri. With require It renders an error as well ( module cannot be resolved).

This app is just for Ios, not Android.

Any help will be really appreciate! Thanks in advance