title: React Native video wont play local file
body: <p>I'm trying to play a video from my local file system the video players
  shows up but the video wont even show on phone or it wont even play,
  am  i doing something wrong, i know exactly where my file is located
  it  just wont play its literally a video player with just a blank
  screen.?</p>
  
  <p>here is the code im using below showing a empty video player</p>
  
  <pre><code>import React from 'react';
  import { StyleSheet, Text, View, Dimensions } from 'react-native';
  import { Video } from 'expo';
  import { MaterialIcons, Octicons } from '@expo/vector-icons';
  
  
  export default class App extends React.Component {
    state = {
      mute: false,
      shouldPlay: true,
    }
  
    handlePlayAndPause = () =&gt; {  
      this.setState((prevState) =&gt; ({
         shouldPlay: !prevState.shouldPlay  
      }));
    }
  
    handleVolume = () =&gt; {
      this.setState(prevState =&gt; ({
        mute: !prevState.mute,  
      }));
    }
  
  
  
    render() {
      const { width } = Dimensions.get('window');
  
      return (
        &lt;View style={styles.container}&gt;
          &lt;View&gt;
              &lt;Text style={{ textAlign: 'center' }}&gt; spiderman &lt;/Text&gt;
              &lt;Video
                source={{ uri: 'file://C:\Windows\System32\avenger\spiderman.mp4' }}
                shouldPlay={this.state.shouldPlay}
                resizeMode="cover"
                style={{ width, height: 300 }}
                isMuted={this.state.mute}
              /&gt;
              &lt;View style={styles.controlBar}&gt;
                &lt;MaterialIcons 
                  name={this.state.mute ? "volume-mute" : "volume-up"}
                  size={45} 
                  color="white" 
                  onPress={this.handleVolume} 
                /&gt;
                &lt;MaterialIcons 
                  name={this.state.shouldPlay ? "pause" : "play-arrow"} 
                  size={45} 
                  color="white" 
                  onPress={this.handlePlayAndPause} 
                /&gt;
              &lt;/View&gt;
            &lt;/View&gt;
        &lt;/View&gt;
      );
    }
    }
  
  
   const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#fff',
      alignItems: 'center',
      justifyContent: 'center',
    },
    controlBar: {
      position: 'absolute',
      bottom: 0,
      left: 0,
      right: 0,
      height: 45,
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: "rgba(0, 0, 0, 0.5)",
    }
  });
  </code></pre>