diff --git a/README.md b/README.md
index e43d8f64..c353222a 100644
--- a/README.md
+++ b/README.md
@@ -68,6 +68,7 @@ In addition, the `<VideoPlayer />` also takes these props:
 | seekColor                    | String(#HEX) | '#FFF'  | Fill/handle colour of the seekbar                                                                                                                                |
 | style                        | StyleSheet   | null    | React Native StyleSheet object that is appended to the video's parent `<View>`                                                                                   |
 | tapAnywhereToPause           | Boolean      | false   | If true, single tapping anywhere on the video (other than a control) toggles between playing and paused.                                                         |
+| controlRate                  | Boolean      | false   | If true, show the control Rate button \[x1\] (Playback Speed).                                                                                                   |
 
 | showTimeRemaining            | Boolean      | true    | If true, show the time remaing, else show the current time in the Player.
 `<View>`
diff --git a/VideoPlayer.js b/VideoPlayer.js
index 3ee8323e..160caa9c 100644
--- a/VideoPlayer.js
+++ b/VideoPlayer.js
@@ -1,4 +1,4 @@
-import React, {Component} from 'react';
+import React, { Component } from 'react';
 import Video from 'react-native-video';
 import {
   TouchableWithoutFeedback,
@@ -33,6 +33,7 @@ export default class VideoPlayer extends Component {
     rate: 1,
     showTimeRemaining: true,
     showHours: false,
+    controlRate: false,
   };
 
   constructor(props) {
@@ -110,6 +111,7 @@ export default class VideoPlayer extends Component {
       togglePlayPause: this._togglePlayPause.bind(this),
       toggleControls: this._toggleControls.bind(this),
       toggleTimer: this._toggleTimer.bind(this),
+      toggleRate: this._toggleRate.bind(this),
     };
 
     /**
@@ -162,7 +164,7 @@ export default class VideoPlayer extends Component {
   }
 
   componentDidUpdate = prevProps => {
-    const {isFullscreen} = this.props;
+    const { isFullscreen } = this.props;
 
     if (prevProps.isFullscreen !== isFullscreen) {
       this.setState({
@@ -271,7 +273,7 @@ export default class VideoPlayer extends Component {
    * Either close the video or go to a
    * new page.
    */
-  _onEnd() {}
+  _onEnd() { }
 
   /**
    * Set the error state to true which then
@@ -516,6 +518,16 @@ export default class VideoPlayer extends Component {
     this.setState(state);
   }
 
+  /**
+   * Toggle playback speed state (rate) on <Video> component
+   */
+  _toggleRate() {
+    let state = this.state;
+    let rates = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
+    state.rate = rates[(1 + rates.indexOf(state.rate)) % 8];
+    this.setState(state);
+  }
+
   /**
    * Toggle between showing time remaining or
    * video duration in the timer control
@@ -958,6 +970,9 @@ export default class VideoPlayer extends Component {
     const fullscreenControl = this.props.disableFullscreen
       ? this.renderNullControl()
       : this.renderFullscreen();
+    const RateControl = this.props.controlRate
+      ? this.renderRate()
+      : this.renderNullControl();
 
     return (
       <Animated.View
@@ -975,6 +990,7 @@ export default class VideoPlayer extends Component {
           <SafeAreaView style={styles.controls.topControlGroup}>
             {backControl}
             <View style={styles.controls.pullRight}>
+              {RateControl}
               {volumeControl}
               {fullscreenControl}
             </View>
@@ -1005,13 +1021,13 @@ export default class VideoPlayer extends Component {
     return (
       <View style={styles.volume.container}>
         <View
-          style={[styles.volume.fill, {width: this.state.volumeFillWidth}]}
+          style={[styles.volume.fill, { width: this.state.volumeFillWidth }]}
         />
         <View
-          style={[styles.volume.track, {width: this.state.volumeTrackWidth}]}
+          style={[styles.volume.track, { width: this.state.volumeTrackWidth }]}
         />
         <View
-          style={[styles.volume.handle, {left: this.state.volumePosition}]}
+          style={[styles.volume.handle, { left: this.state.volumePosition }]}
           {...this.player.volumePanResponder.panHandlers}>
           <Image
             style={styles.volume.icon}
@@ -1103,12 +1119,12 @@ export default class VideoPlayer extends Component {
           />
         </View>
         <View
-          style={[styles.seekbar.handle, {left: this.state.seekerPosition}]}
+          style={[styles.seekbar.handle, { left: this.state.seekerPosition }]}
           pointerEvents={'none'}>
           <View
             style={[
               styles.seekbar.circle,
-              {backgroundColor: this.props.seekColor || '#FFF'},
+              { backgroundColor: this.props.seekColor || '#FFF' },
             ]}
             pointerEvents={'none'}
           />
@@ -1191,6 +1207,17 @@ export default class VideoPlayer extends Component {
     return null;
   }
 
+  /**
+   * Show playback speed (rate) icon
+   */
+   renderRate() {
+    return this.renderControl(
+      <Text style={styles.controls.rateText}>x{this.state.rate}</Text>,
+      this.methods.toggleRate,
+      styles.controls.rate,
+    );
+  }
+  
   renderError() {
     if (this.state.error) {
       return (
@@ -1377,12 +1404,21 @@ const styles = {
     timer: {
       width: 80,
     },
+    rate: {
+      width: 80,
+    },
     timerText: {
       backgroundColor: 'transparent',
       color: '#FFF',
       fontSize: 11,
       textAlign: 'right',
     },
+    rateText: {
+      backgroundColor: 'transparent',
+      color: '#FFF',
+      fontSize: 11,
+      textAlign: 'right',
+    },
   }),
   volume: StyleSheet.create({
     container: {