From b40d74356a0aede5ba011a1067568d4c5c5c38bf Mon Sep 17 00:00:00 2001
From: webmiraclepro <webmiraclepro@gmail.com>
Date: Wed, 21 Mar 2018 13:15:56 +0800
Subject: [PATCH] Fix file player load sequence on iOS

Calling `load()` manually fires onReady before `onPlay`, instead of after
Fixes https://github.com/CookPete/react-player/issues/340
---
 src/players/FilePlayer.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/players/FilePlayer.js b/src/players/FilePlayer.js
index 26efea9..79860ff 100644
--- a/src/players/FilePlayer.js
+++ b/src/players/FilePlayer.js
@@ -3,6 +3,7 @@ import React, { Component } from 'react'
 import { getSDK } from '../utils'
 import createSinglePlayer from '../singlePlayer'
 
+const IOS = typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream
 const AUDIO_EXTENSIONS = /\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i
 const VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm|mov|m4v)($|\?)/i
 const HLS_EXTENSIONS = /\.(m3u8)($|\?)/i
@@ -38,6 +39,9 @@ export class FilePlayer extends Component {
 
   componentDidMount () {
     this.addListeners()
+    if (IOS) {
+      this.player.load()
+    }
   }
   componentWillReceiveProps (nextProps) {
     if (this.shouldUseAudio(this.props) !== this.shouldUseAudio(nextProps)) {
@@ -81,11 +85,7 @@ export class FilePlayer extends Component {
     return AUDIO_EXTENSIONS.test(props.url) || props.config.file.forceAudio
   }
   shouldUseHLS (url) {
-    const iOS =
-      typeof navigator !== 'undefined' &&
-      /iPad|iPhone|iPod/.test(navigator.userAgent) &&
-      !window.MSStream
-    return (HLS_EXTENSIONS.test(url) && !iOS) || this.props.config.file.forceHLS
+    return (HLS_EXTENSIONS.test(url) && !IOS) || this.props.config.file.forceHLS
   }
   shouldUseDASH (url) {
     return DASH_EXTENSIONS.test(url) || this.props.config.file.forceDASH