Mobile autoplay bug fixed

wjsc · Feb 18, 2018 · 62ae0b4 · 62ae0b4
1 parent 1ae2b81
commit 62ae0b4
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/Player/Player.js b/src/components/Player/Player.js
@@ -33,6 +33,8 @@ class Player extends React.Component {
             );
             this.trackCurrentTrack(this.props.state.tracks[this.props.state.current]);
         };
+        this.element.load();
+        this.element.play();
     }
     componentWillUnmount() {
         this.element.ontimeupdate = false;
@@ -47,7 +49,7 @@ class Player extends React.Component {
         nextProps.state.status !== this.props.state.status && (nextProps.state.status === 'play' ? this.element.play() : this.element.pause());
     }
     renderAudio(currentTrack){
-        return <audio autoPlay ref={(element) => { this.element = element }}><source key={currentTrack._id} src={CDN_URL+currentTrack.audio} type="audio/mpeg"/></audio>;
+        return <audio ref={(element) => { this.element = element }}><source key={currentTrack._id} src={CDN_URL+currentTrack.audio} type="audio/mpeg"/></audio>;
     }
     render() {
         const currentTrack = this.props.state.tracks[this.props.state.current];