React native Video is not working on iOS.

See original GitHub issue

Video player is working on android but not in iOS. “react-native”: “^0.42.3”, “react-native-video”: “^1.0.0”

this.url is the url without “.mp4”. <View style={styles.container} onLayout={this._handleLayout}> <TouchableOpacity style={styles.fullScreen} onPress={() => this.setState({ paused: !this.state.paused })}> <Video ref={(ref: Video) => { this.video = ref }} source={{uri:this.url}} style={styles.fullScreen} rate={this.state.rate} paused={this.state.paused} volume={this.state.volume} controls={true} muted={this.state.muted} resizeMode={this.state.resizeMode} onLoad={this.onLoad} onProgress={this.onProgress} onEnd={this.onEnd} repeat={false} /> </TouchableOpacity> </View>

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:17 (1 by maintainers)

github_iconTop GitHub Comments

5reactions
akshaygore06commented, May 18, 2018

Edit info.plist to allow the arbitrary load. This will solve the problem.

screen shot 2018-05-18 at 12 35 30 am
5reactions
djw27commented, Oct 30, 2017

Have you tried setting allow arbitrary loads to true in your info.plist for iOS?

<key>NSAppTransportSecurity</key>
<dict>
	<key>NSAllowsArbitraryLoads</key>
	<true/>
</dict>

More info here: https://stackoverflow.com/questions/30731785/how-do-i-load-an-http-url-with-app-transport-security-enabled-in-ios-9

Read more comments on GitHub >

github_iconTop Results From Across the Web

iOS : React-native-video not showing the video player
iOS : React - native - video not showing the video player [ Beautify Your Computer : https://www.hows.tech/p/recommended.html ] iOS ...
Read more >
why is react native video not working on android, but working ...
installed react video v. 5.2.0. but an error in running android but running correctly in ios. "react": "17.0.2", "react-native": "0.68.0", ...
Read more >
React Native Video by Example - All Issues Resolved - SiteReq
A step-by-step thorough guide that will use both React Native video and player plugins into one single demo app with code attached.
Read more >
react-native-video - npm
Start using react-native-video in your project by running `npm i ... Note: Due to iOS limitations, sidecar text tracks are not compatible ......
Read more >
Embedding videos in a React Native app - Theodo blog
We already supported reading articles and listening to podcasts, but the problem started when we began to implement the video player. The app ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found