diff --git a/react-native-comparison-slider-example/ComparisonSlider.js b/react-native-comparison-slider-example/ComparisonSlider.js
index e6eab55b..06e46653 100644
--- a/react-native-comparison-slider-example/ComparisonSlider.js
+++ b/react-native-comparison-slider-example/ComparisonSlider.js
@@ -6,9 +6,10 @@ import {
   ImageBackground,
 } from "react-native";
 
-//  @Copyright: jeanregisser 
+//  @Copyright: jeanregisser
 //  MIT: https://github.com/jeanregisser/react-native-slider
 import Slider from "react-native-slider";
+import Video from 'react-native-video';
 
 //	@Copyright: jhampton
 //	MIT: https://github.com/jhampton/react-native-cropping.git
@@ -20,8 +21,8 @@ const CroppedImage = function(props) {
 			width: props.cropWidth,
 			backgroundColor: "transparent"
 		}, props.style]}>
-		
-			<Image 
+
+			<Image
 				style={{
 					position: "absolute",
 					top: props.cropTop * -1,
@@ -37,6 +38,32 @@ const CroppedImage = function(props) {
 	);
 }
 
+const CroppedVideo = function(props) {
+	return (
+		<View style={[{
+			overflow: "hidden",
+			height: props.cropHeight,
+			width: props.cropWidth,
+			backgroundColor: "transparent"
+		}, props.style]}>
+
+			<Video
+        repeat={true}
+				style={{
+					position: "absolute",
+					top: props.cropTop * -1,
+					left: props.cropLeft * -1,
+					width: props.width,
+					height: props.height
+				}}
+				source={props.source}
+				resizeMode={props.resizeMode}>
+					{props.children}
+			</Video>
+		</View>
+	);
+}
+
 export default class ComparisonSlider extends Component {
 
 	constructor(props) {
@@ -50,8 +77,8 @@ export default class ComparisonSlider extends Component {
 		const rightImage = props.rightImage;
 
 		if(props.rightImageURI && !props.imageWidth && !props.imageHeight) {
-			Image.getSize(props.rightImageURI, (width, height) =>  this.setState({ 
-				imgWidth: width, 
+			Image.getSize(props.rightImageURI, (width, height) =>  this.setState({
+				imgWidth: width,
 				imgHeight: height,
 				cropWidth: width * initialPosition + thumbWidth / 2, }));
 		}
@@ -69,8 +96,9 @@ export default class ComparisonSlider extends Component {
 		}
 	}
 
-	onChange(value) {
 
+
+	onChange(value) {
 		const newValue = ((value * 100 * this.state.imgWidth) / 100);
 		if(this.props.onValueChange) {
 			this.props.onValueChange(value);
@@ -89,14 +117,14 @@ export default class ComparisonSlider extends Component {
 
 		const defaultStyle ={
 			left: (this.state.value * this.state.imgWidth),
-			width: 2, 
-			height: this.state.imgHeight / 2 - ballSize / 2, 
-			backgroundColor: color, 
+			width: 2,
+			height: this.state.imgHeight / 2 - ballSize / 2,
+			backgroundColor: color,
 			position: "absolute",
 			borderWidth: 1,
 			borderColor: color,
 			borderRadius: ballSize / 2,
-		} 
+		}
 
 		const defaultStyleTriangle = {
 			width: 0,
@@ -112,16 +140,16 @@ export default class ComparisonSlider extends Component {
 		}
 
 		return (
-			<View style={{ 
+			<View style={{
 				height: this.state.imgHeight,
 				position: "absolute",
 				justifyContent: "center",
 			}}>
-			   <View style={{ 
+			   <View style={{
 					left: (this.state.value * this.state.imgWidth) - ballSize / 2,
-					width: ballSize, 
-					height: ballSize, 
-					backgroundColor: "transparent", 
+					width: ballSize,
+					height: ballSize,
+					backgroundColor: "transparent",
 					position: "absolute",
 					borderWidth: 2,
 					borderColor: color,
@@ -132,96 +160,159 @@ export default class ComparisonSlider extends Component {
 
 					{/** Triangle **/}
 					<View style={{ flexDirection: "row",}}>
-						<View 
+						<View
 							style={[
-								defaultStyleTriangle, 
-								{ 
-									marginRight: ballSize / 20, 
-									transform: [{ rotate: "270deg"}], 
-								}]} 
-						/> 
-						<View 
+								defaultStyleTriangle,
+								{
+									marginRight: ballSize / 20,
+									transform: [{ rotate: "270deg"}],
+								}]}
+						/>
+						<View
 							style={[
-								defaultStyleTriangle, 
-								{ 
-									left: ballSize / 20, 
-									transform: [{ rotate: "90deg"}], 
-								}]} 
-						/> 
+								defaultStyleTriangle,
+								{
+									left: ballSize / 20,
+									transform: [{ rotate: "90deg"}],
+								}]}
+						/>
 					</View>
-					
+
 				</View>
 
-				{/** Line **/} 
+				{/** Line **/}
 				<View style={[ defaultStyle, { top: 0, }]} />
-				<View style={[ defaultStyle, { bottom: 0, }]} />	        
+				<View style={[ defaultStyle, { bottom: 0, }]} />
 			</View>
 		)
 	}
 
 	render() {
 
-		if(this.props.thumnailRender && !this.props.thumbnailWidth) {
-			console.log("When using thumbnail render, thumbnailWidth should be specified! ");
-		}
+    if (this.props.video) {
+      return (
+  			<View>
+  				<Video
+            repeat={true}
+  					source={ this.state.rightImage ? this.state.rightImage : { uri: this.state.rightImageURI } }
+  					style={[ {
+  						width: this.state.imgWidth,
+  						height: this.state.imgHeight,
+  						backgroundColor: "transparent",
+  						justifyContent: "center",
+  					}, this.props.imageStyle]}>
+
+  					<CroppedVideo
+  						source={ this.state.leftImage ? this.state.leftImage : { uri: this.state.leftImageURI } }
+  						style={this.props.imageStyle}
+  						cropTop={0}
+  						cropLeft={0}
+  						cropWidth={this.state.cropWidth}
+  						cropHeight={this.state.imgHeight}
+  						width={this.state.imgWidth}
+  						height={this.state.imgHeight} />
+
+
+  						{ this.props.thumnailRender && this.props.thumbnailWidth ?
+  							<View style={{
+  								position: "absolute",
+  								left: (this.state.value * this.state.imgWidth) - this.props.thumbnailWidth / 2,
+  							}}>{this.props.thumnailRender()}</View> :
+
+  							this.renderDefaultThumbView() }
+
+  						<Slider
+  							value={this.state.value}
+  							onValueChange={(value) => this.onChange(value) }
+  							onSlidingStart={() => this.props.onSlidingStart && this.props.onSlidingStart()}
+  							onSlidingComplete={() => this.props.onSlidingComplete && this.props.onSlidingComplete()}
+  							minimumTrackTintColor={this.state.sliderTrackColor}
+  							maximumTrackTintColor={this.state.sliderTrackColor}
+  							// thumbImage={require("./img/left.jpeg")}
+  							thumbTouchSize={{
+  								width: this.state.thumbWidth * 33,
+  								height: this.state.imgHeight
+  							}}
+  							thumbStyle={{
+  								backgroundColor: "transparent",
+  								width: this.state.thumbWidth,
+  								height: this.state.imgHeight,
+
+  							}}
+  							style={{
+  								zIndex: 3,
+  								position: "absolute",
+  								width: this.state.imgWidth,
+  							}}
+  						/>
+  				</Video>
+  			</View>
+  		);
+    } else {
+      if(this.props.thumnailRender && !this.props.thumbnailWidth) {
+  			console.log("When using thumbnail render, thumbnailWidth should be specified! ");
+  		}
+
+      return (
+  			<View>
+  				<ImageBackground
+  					source={ this.state.rightImage ? this.state.rightImage : { uri: this.state.rightImageURI } }
+  					style={[ {
+  						width: this.state.imgWidth,
+  						height: this.state.imgHeight,
+  						backgroundColor: "transparent",
+  						justifyContent: "center",
+  					}, this.props.imageStyle]}>
+
+  					<CroppedImage
+  						source={ this.state.leftImage ? this.state.leftImage : { uri: this.state.leftImageURI } }
+  						style={this.props.imageStyle}
+  						cropTop={0}
+  						cropLeft={0}
+  						cropWidth={this.state.cropWidth}
+  						cropHeight={this.state.imgHeight}
+  						width={this.state.imgWidth}
+  						height={this.state.imgHeight} />
+
+
+  						{ this.props.thumnailRender && this.props.thumbnailWidth ?
+  							<View style={{
+  								position: "absolute",
+  								left: (this.state.value * this.state.imgWidth) - this.props.thumbnailWidth / 2,
+  							}}>{this.props.thumnailRender()}</View> :
+
+  							this.renderDefaultThumbView() }
+
+  						<Slider
+  							value={this.state.value}
+  							onValueChange={(value) => this.onChange(value) }
+  							onSlidingStart={() => this.props.onSlidingStart && this.props.onSlidingStart()}
+  							onSlidingComplete={() => this.props.onSlidingComplete && this.props.onSlidingComplete()}
+  							minimumTrackTintColor={this.state.sliderTrackColor}
+  							maximumTrackTintColor={this.state.sliderTrackColor}
+  							// thumbImage={require("./img/left.jpeg")}
+  							thumbTouchSize={{
+  								width: this.state.thumbWidth * 33,
+  								height: this.state.imgHeight
+  							}}
+  							thumbStyle={{
+  								backgroundColor: "transparent",
+  								width: this.state.thumbWidth,
+  								height: this.state.imgHeight,
+
+  							}}
+  							style={{
+  								zIndex: 3,
+  								position: "absolute",
+  								width: this.state.imgWidth,
+  							}}
+  						/>
+  				</ImageBackground>
+  			</View>
+  		);
+    }
+
 
-		return (
-			<View>
-				<ImageBackground
-					source={ this.state.rightImage ? this.state.rightImage : { uri: this.state.rightImageURI } }
-					style={[ {
-						width: this.state.imgWidth,
-						height: this.state.imgHeight,
-						backgroundColor: "transparent",
-						justifyContent: "center",
-					}, this.props.imageStyle]}>
-
-					<CroppedImage
-						source={ this.state.leftImage ? this.state.leftImage : { uri: this.state.leftImageURI } }
-						style={this.props.imageStyle}
-						cropTop={0}
-						cropLeft={0}
-						cropWidth={this.state.cropWidth}
-						cropHeight={this.state.imgHeight}
-						width={this.state.imgWidth}
-						height={this.state.imgHeight} />
-
-
-						{ this.props.thumnailRender && this.props.thumbnailWidth ? 
-							<View style={{ 
-								position: "absolute", 
-								left: (this.state.value * this.state.imgWidth) - this.props.thumbnailWidth / 2,
-							}}>{this.props.thumnailRender()}</View> : 
-
-							this.renderDefaultThumbView() }
-
-						<Slider
-							value={this.state.value}
-							onValueChange={(value) => this.onChange(value) }
-							onSlidingStart={() => this.props.onSlidingStart && this.props.onSlidingStart()}
-							onSlidingComplete={() => this.props.onSlidingComplete && this.props.onSlidingComplete()}
-							minimumTrackTintColor={this.state.sliderTrackColor}
-							maximumTrackTintColor={this.state.sliderTrackColor}
-							// thumbImage={require("./img/left.jpeg")}
-							thumbTouchSize={{ 
-								width: this.state.thumbWidth * 33, 
-								height: this.state.imgHeight
-							}}
-							thumbStyle={{ 
-								backgroundColor: "transparent",
-								width: this.state.thumbWidth, 
-								height: this.state.imgHeight, 
-								
-							}}
-							style={{
-								zIndex: 3,
-								position: "absolute",
-								width: this.state.imgWidth,
-							}} 
-						/>
-				</ImageBackground>
-			</View>
-		);
 	}
 }
 
diff --git a/react-native-comparison-slider-example/android/app/build.gradle b/react-native-comparison-slider-example/android/app/build.gradle
index 7a02e3c4..fc135570 100644
--- a/react-native-comparison-slider-example/android/app/build.gradle
+++ b/react-native-comparison-slider-example/android/app/build.gradle
@@ -133,6 +133,7 @@ android {
 }
 
 dependencies {
+    compile project(':react-native-video')
     compile fileTree(dir: "libs", include: ["*.jar"])
     compile "com.android.support:appcompat-v7:23.0.1"
     compile "com.facebook.react:react-native:+"  // From node_modules
diff --git a/react-native-comparison-slider-example/android/app/src/main/java/com/comparisonslider/MainApplication.java b/react-native-comparison-slider-example/android/app/src/main/java/com/comparisonslider/MainApplication.java
index a24080d2..9acc67e3 100644
--- a/react-native-comparison-slider-example/android/app/src/main/java/com/comparisonslider/MainApplication.java
+++ b/react-native-comparison-slider-example/android/app/src/main/java/com/comparisonslider/MainApplication.java
@@ -3,6 +3,7 @@
 import android.app.Application;
 
 import com.facebook.react.ReactApplication;
+import com.brentvatne.react.ReactVideoPackage;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;
 import com.facebook.react.shell.MainReactPackage;
@@ -22,7 +23,8 @@ public boolean getUseDeveloperSupport() {
     @Override
     protected List<ReactPackage> getPackages() {
       return Arrays.<ReactPackage>asList(
-          new MainReactPackage()
+          new MainReactPackage(),
+            new ReactVideoPackage()
       );
     }
   };
diff --git a/react-native-comparison-slider-example/android/settings.gradle b/react-native-comparison-slider-example/android/settings.gradle
index 8e983520..937b27ad 100644
--- a/react-native-comparison-slider-example/android/settings.gradle
+++ b/react-native-comparison-slider-example/android/settings.gradle
@@ -1,3 +1,5 @@
 rootProject.name = 'ComparisonSlider'
+include ':react-native-video'
+project(':react-native-video').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-video/android')
 
 include ':app'
diff --git a/react-native-comparison-slider-example/index.ios.js b/react-native-comparison-slider-example/index.ios.js
index 4d3b271a..87047917 100644
--- a/react-native-comparison-slider-example/index.ios.js
+++ b/react-native-comparison-slider-example/index.ios.js
@@ -13,10 +13,10 @@ import {
 } from "react-native";
 
 
-import ComparisonSlider from "./ComparisonSlider.js";
+import ComparisonSlider from "./ComparisonSlider";
 
 export default class Index extends Component {
-    
+
     constructor(props) {
         super(props);
 
@@ -29,15 +29,17 @@ export default class Index extends Component {
             <View style={styles.container}>
 
                 {/** Local images **/}
-                <ComparisonSlider 
+                <ComparisonSlider
                   imageWidth={667}
                   imageHeight={400}
                   initialPosition={50}
-                  leftImage={require("./img/left.jpeg")}
-                  rightImage={require("./img/right.jpeg")} />  
+                  resizeMode="cover"
+                  video={true}
+                  leftImage={require("./video/1.mp4")}
+                  rightImage={require("./video/2.mp4")} />
 
                 {/** Remote image **/}
-                {/** <ComparisonSlider 
+                {/** <ComparisonSlider
                   imageWidth={667}
                   imageHeight={400}
                   initialPosition={50}
diff --git a/react-native-comparison-slider-example/ios/ComparisonSlider.xcodeproj/project.pbxproj b/react-native-comparison-slider-example/ios/ComparisonSlider.xcodeproj/project.pbxproj
index d8459a4a..a55e2d61 100644
--- a/react-native-comparison-slider-example/ios/ComparisonSlider.xcodeproj/project.pbxproj
+++ b/react-native-comparison-slider-example/ios/ComparisonSlider.xcodeproj/project.pbxproj
@@ -22,6 +22,7 @@
 		146834051AC3E58100842450 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 146834041AC3E56700842450 /* libReact.a */; };
 		5E9157361DD0AC6A00FF2AA8 /* libRCTAnimation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5E9157331DD0AC6500FF2AA8 /* libRCTAnimation.a */; };
 		832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 832341B51AAA6A8300B99B32 /* libRCTText.a */; };
+		D753CC16A5BA4E48B43383CD /* libRCTVideo.a in Frameworks */ = {isa = PBXBuildFile; fileRef = ECA1E5C73C0D4855A0F35136 /* libRCTVideo.a */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -228,6 +229,20 @@
 			remoteGlobalIDString = 3D383D621EBD27B9005632C8;
 			remoteInfo = "double-conversion-tvOS";
 		};
+		A94EE9571FF3C8F900170A85 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 0B90A6F1CB3B41959DAF4DCF /* RCTVideo.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 134814201AA4EA6300B7C361;
+			remoteInfo = RCTVideo;
+		};
+		A94EE9591FF3C8F900170A85 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 0B90A6F1CB3B41959DAF4DCF /* RCTVideo.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 641E28441F0EEC8500443AF6;
+			remoteInfo = "RCTVideo-tvOS";
+		};
 /* End PBXContainerItemProxy section */
 
 /* Begin PBXFileReference section */
@@ -239,6 +254,7 @@
 		00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTVibration.xcodeproj; path = "../node_modules/react-native/Libraries/Vibration/RCTVibration.xcodeproj"; sourceTree = "<group>"; };
 		00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
 		00E356F21AD99517003FC87E /* ComparisonSliderTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = ComparisonSliderTests.m; sourceTree = "<group>"; };
+		0B90A6F1CB3B41959DAF4DCF /* RCTVideo.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = RCTVideo.xcodeproj; path = "../node_modules/react-native-video/ios/RCTVideo.xcodeproj"; sourceTree = "<group>"; };
 		139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = "<group>"; };
 		139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = "<group>"; };
 		13B07F961A680F5B00A75B9A /* ComparisonSlider.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = ComparisonSlider.app; sourceTree = BUILT_PRODUCTS_DIR; };
@@ -252,6 +268,7 @@
 		5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTAnimation.xcodeproj; path = "../node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj"; sourceTree = "<group>"; };
 		78C398B01ACF4ADC00677621 /* RCTLinking.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTLinking.xcodeproj; path = "../node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj"; sourceTree = "<group>"; };
 		832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTText.xcodeproj; path = "../node_modules/react-native/Libraries/Text/RCTText.xcodeproj"; sourceTree = "<group>"; };
+		ECA1E5C73C0D4855A0F35136 /* libRCTVideo.a */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = archive.ar; path = libRCTVideo.a; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -270,6 +287,7 @@
 				832341BD1AAA6AB300B99B32 /* libRCTText.a in Frameworks */,
 				00C302EA1ABCBA2D00DB3ED1 /* libRCTVibration.a in Frameworks */,
 				139FDEF61B0652A700C62182 /* libRCTWebSocket.a in Frameworks */,
+				D753CC16A5BA4E48B43383CD /* libRCTVideo.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -418,6 +436,7 @@
 				832341B01AAA6A8300B99B32 /* RCTText.xcodeproj */,
 				00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */,
 				139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */,
+				0B90A6F1CB3B41959DAF4DCF /* RCTVideo.xcodeproj */,
 			);
 			name = Libraries;
 			sourceTree = "<group>";
@@ -438,6 +457,7 @@
 				832341AE1AAA6A7D00B99B32 /* Libraries */,
 				00E356EF1AD99517003FC87E /* ComparisonSliderTests */,
 				83CBBA001A601CBA00E9B192 /* Products */,
+				A94EE9351FF3C8F700170A85 /* Recovered References */,
 			);
 			indentWidth = 2;
 			sourceTree = "<group>";
@@ -451,6 +471,23 @@
 			name = Products;
 			sourceTree = "<group>";
 		};
+		A94EE9351FF3C8F700170A85 /* Recovered References */ = {
+			isa = PBXGroup;
+			children = (
+				ECA1E5C73C0D4855A0F35136 /* libRCTVideo.a */,
+			);
+			name = "Recovered References";
+			sourceTree = "<group>";
+		};
+		A94EE9531FF3C8F900170A85 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				A94EE9581FF3C8F900170A85 /* libRCTVideo.a */,
+				A94EE95A1FF3C8F900170A85 /* libRCTVideo.a */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
 /* End PBXGroup section */
 
 /* Begin PBXNativeTarget section */
@@ -478,7 +515,7 @@
 		83CBB9F71A601CBA00E9B192 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0610;
+				LastUpgradeCheck = 610;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					13B07F861A680F5B00A75B9A = {
@@ -534,6 +571,10 @@
 					ProductGroup = 00C302E01ABCB9EE00DB3ED1 /* Products */;
 					ProjectRef = 00C302DF1ABCB9EE00DB3ED1 /* RCTVibration.xcodeproj */;
 				},
+				{
+					ProductGroup = A94EE9531FF3C8F900170A85 /* Products */;
+					ProjectRef = 0B90A6F1CB3B41959DAF4DCF /* RCTVideo.xcodeproj */;
+				},
 				{
 					ProductGroup = 139FDEE71B06529A00C62182 /* Products */;
 					ProjectRef = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;
@@ -754,6 +795,20 @@
 			remoteRef = A7C6C8BF1F37ABF900C4E0BA /* PBXContainerItemProxy */;
 			sourceTree = BUILT_PRODUCTS_DIR;
 		};
+		A94EE9581FF3C8F900170A85 /* libRCTVideo.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = libRCTVideo.a;
+			remoteRef = A94EE9571FF3C8F900170A85 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		A94EE95A1FF3C8F900170A85 /* libRCTVideo.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = libRCTVideo.a;
+			remoteRef = A94EE9591FF3C8F900170A85 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
 /* End PBXReferenceProxy section */
 
 /* Begin PBXResourcesBuildPhase section */
@@ -817,8 +872,16 @@
 				CURRENT_PROJECT_VERSION = 1;
 				DEAD_CODE_STRIPPING = NO;
 				DEVELOPMENT_TEAM = 8HS34KM4UE;
+				HEADER_SEARCH_PATHS = (
+					"$(inherited)",
+					"$(SRCROOT)/../node_modules/react-native-video/ios",
+				);
 				INFOPLIST_FILE = ComparisonSlider/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				LIBRARY_SEARCH_PATHS = (
+					"$(inherited)",
+					"\"$(SRCROOT)/ComparisonSlider\"",
+				);
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
@@ -835,8 +898,16 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CURRENT_PROJECT_VERSION = 1;
 				DEVELOPMENT_TEAM = 8HS34KM4UE;
+				HEADER_SEARCH_PATHS = (
+					"$(inherited)",
+					"$(SRCROOT)/../node_modules/react-native-video/ios",
+				);
 				INFOPLIST_FILE = ComparisonSlider/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				LIBRARY_SEARCH_PATHS = (
+					"$(inherited)",
+					"\"$(SRCROOT)/ComparisonSlider\"",
+				);
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
diff --git a/react-native-comparison-slider-example/package.json b/react-native-comparison-slider-example/package.json
index 6734dc72..45dace23 100644
--- a/react-native-comparison-slider-example/package.json
+++ b/react-native-comparison-slider-example/package.json
@@ -9,7 +9,8 @@
   "dependencies": {
     "react": "16.0.0-alpha.12",
     "react-native": "0.47.1",
-    "react-native-slider": "^0.11.0"
+    "react-native-slider": "^0.11.0",
+    "react-native-video": "^2.0.0"
   },
   "devDependencies": {
     "babel-jest": "20.0.3",
diff --git a/react-native-comparison-slider-example/video/1.mp4 b/react-native-comparison-slider-example/video/1.mp4
new file mode 100644
index 00000000..b9937ebe
Binary files /dev/null and b/react-native-comparison-slider-example/video/1.mp4 differ
diff --git a/react-native-comparison-slider-example/video/2.mp4 b/react-native-comparison-slider-example/video/2.mp4
new file mode 100644
index 00000000..85e0484e
Binary files /dev/null and b/react-native-comparison-slider-example/video/2.mp4 differ