Ensure YouTube player calls onReady on subsequent loads

Previously it would only call `onReady` after the initial load
Removes the need to pass `playing` through to `load()`, which is cleaner

src/players/Base.js

@@ -18,7 +18,7 @@ export default class Base extends Component {
   componentWillReceiveProps (nextProps) {
     // Invoke player methods based on incoming props
     if (this.props.url !== nextProps.url && nextProps.url) {
-      this.load(nextProps.url, nextProps.playing)
+      this.load(nextProps.url)
       this.seekOnReady = null
     } else if (this.props.url && !nextProps.url) {
       this.stop()
@@ -55,7 +55,7 @@ export default class Base extends Component {
     if (this.props.playing || this.preloading) {
       this.preloading = false
       if (this.loadOnReady) {
-        this.load(this.loadOnReady, this.props.playing)
+        this.load(this.loadOnReady)
         this.loadOnReady = null
       } else {
         this.play()

src/players/YouTube.js

@@ -45,15 +45,10 @@ export default class YouTube extends Base {
       })
     })
   }
-  load (url, playing) {
+  load (url) {
     const id = url && url.match(MATCH_URL)[1]
     if (this.isReady) {
-      this.stop()
-      if (playing) {
-        this.player.loadVideoById(id)
-      } else {
-        this.player.cueVideoById(id)
-      }
+      this.player.cueVideoById(id)
       return
     }
     if (this.loadingSDK) {
@@ -82,11 +77,12 @@ export default class YouTube extends Base {
     })
   }
   onStateChange = ({ data }) => {
-    const { PLAYING, PAUSED, BUFFERING, ENDED } = window[SDK_GLOBAL].PlayerState
+    const { PLAYING, PAUSED, BUFFERING, ENDED, CUED } = window[SDK_GLOBAL].PlayerState
     if (data === PLAYING) this.onPlay()
     if (data === PAUSED) this.props.onPause()
     if (data === BUFFERING) this.props.onBuffer()
     if (data === ENDED) this.props.onEnded()
+    if (data === CUED) this.onReady()
   };
   play () {
     if (!this.isReady || !this.player.playVideo) return