React Native does not play local videos

Question

I'm trying to play a video playlist. But if I debug on my device the video is not loaded, only if i aply videos from over the network or if i use 'require' like this:

<Video repeat={true} source={require('./StaticVideo.mp4')} style={styles.tokenVideo} muted={true} resizeMode="cover" ></Video>

But I want to play local videos from the downloads directory like this:

<Video source={{ uri: `${fs.dirs.DownloadDir}/video.mp4` }} onProgress={this.onProgress.bind(this)} progressUpdateInterval={1000} onEnd={this.onVideoEnd.bind(this)} style={styles.video} ref={this.video} resizeMode="stretch" muted={true}></Video>

But I don't see anything. On the emulator it is working and showing me the videos, but not on my real device.

Thanks.

what library are you using to display the video? – DarkPoison Nov 18 '20 at 08:27 — DarkPoison, Nov 18 '20 at 08:27
I am using the "react-native-video" library. – SCetin Nov 19 '20 at 20:21 — SCetin, Nov 19 '20 at 20:21

score 0 · Answer 1 · answered Nov 22 '20 at 17:28

0

I solved the problem. Just needed to add the permissions to read from external storage.

answered Nov 22 '20 at 17:28

SCetin

1

React Native does not play local videos

1 Answers1