HLS streaming: Blank Screen appears when trying to play .m3u8 files

A Blank Screen is displayed when trying to play .m3u8 files on expo-av.
Link : https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8 is being played but when a local .m3u8 file is being played, a blank screen is displayed and the video doesnt load.

Below is the code in order to reproduce the same:

import React from ‘react’
import { View, StyleSheet, Dimensions } from ‘react-native’
import { Video } from ‘expo-av’
const Player = () => {
return (

<Video
source={{ uri: ‘https://storage.googleapis.com/clubvideos/hls/hlsmaster.m3u8’, overrideFileExtensionAndroid: ‘m3u8’ }}
style={styles.backgroundVideo}
shouldPlay
useNativeControls
resizeMode=“cover”
/>

)
}
const styles = StyleSheet.create({
backgroundVideo: {
width: Dimensions.get(‘screen’).width,
height: Dimensions.get(‘screen’).width * 0.5625,
}
})
export default Player

Hey @iffatc3, can you let me know what type of project this is, what sdk version if its a managed project as well as what Android device/simulators you are testing on?

Cheers,
Adam