set player volume on initialization

src/players/Base.js

@@ -45,4 +45,7 @@ export default class Base extends Component {
     }
     this.updateTimeout = setTimeout(this.update, UPDATE_FREQUENCY)
   }
+  onReady = () => {
+    this.setVolume(this.props.volume)
+  }
 }

src/players/FilePlayer.js

@@ -17,6 +17,7 @@ export default class FilePlayer extends Base {
     this.player.onplay = this.props.onPlay
     this.player.onpause = this.props.onPause
     super.componentDidMount()
+    this.onReady();
   }
   shouldComponentUpdate (nextProps) {
     return this.props.url !== nextProps

src/players/SoundCloud.js

@@ -59,6 +59,7 @@ export default class SoundCloud extends Base {
         }
         SC.stream(data.uri, this.options, player => {
           this.player = player
+          this.onReady()
           player.play()
           player._player.on('stateChange', this.onStateChange)
         })

src/players/Vimeo.js

@@ -67,6 +67,7 @@ export default class Vimeo extends Base {
       this.postMessage('addEventListener', 'pause')
       this.postMessage('addEventListener', 'finish')
     }
+    if (data.event === 'ready') this.onReady()
     if (data.event === 'playProgress') this.fractionPlayed = data.data.percent
     if (data.event === 'loadProgress') this.fractionLoaded = data.data.percent
     if (data.event === 'play') this.props.onPlay()

src/players/YouTube.js

@@ -55,6 +55,7 @@ export default class YouTube extends Base {
         videoId: id,
         playerVars: { ...DEFAULT_PLAYER_VARS, ...this.props.youtubeConfig.playerVars },
         events: {
+          onReady: this.onReady,
           onStateChange: this.onStateChange,
           onError: this.props.onError
         }