Autoplay false doesn't work on async video data

[cjmling]

I am trying to async query video on componentDidMount and then display the player based on the loaded video.

Problem: Everything work , video can be play. But the player always autoplay the video.

Sample codes

class VideoPage extends Component {
    	constructor(props) {
        	super(props);
       		this.state = {
            		video: {},
        	};
    	}
    	componentDidMount() {
        	this.getVideo(this.state.videoId);
    	}
   	getVideo(){
		// query db then
		this.setState(video);	
	}

	return(){
		const {video} = this.state;
		return(
			<YouTube video={video.videoId} width={640} height={390} />
		)
	}
}

[goto-bus-stop]

looks like we should use cueVideoById instead of loadVideoById here, if autoplay is false:

react-youtube/src/index.js

Lines 150 to 154 in 2c357c5

	player.loadVideoById({
	videoId: value,
	startSeconds: this.props.startSeconds || 0,
	endSeconds: this.props.endSeconds,
	});