fix for issue corsi-it#2

CHANGELOG.md

@@ -1,9 +1,16 @@
-# Change Log
-
-## 0.9.5 (14-11-2016)
-Bug fixes:
-[Tapping controls doesn't reset control hide timeout](https://github.com/itsnubix/react-native-video-controls/issues/1)
-    - add resets to panhandlers for volume/seek areas
-    - add resets to renderControl function onPress params.
-Features:
-    - Added loading icon
+## 0.9.5 (15-11-2016)
+
+### Bug fixes
+[Tapping controls doesn't reset control hide timeout](https://github.com/itsnubix/react-native-video-controls/issues/1):
+
+  - add resets to panhandlers for volume/seek areas
+  - add resets to renderControl function onPress params.
+
+[Control backgrounds should be gradients](https://github.com/itsnubix/react-native-video-controls/issues/2)
+
+  - Changed vignette assets to be more subtle.
+  - Added stretch to resizeMode
+
+### Features:
+
+- Added loading icon

VideoPlayer.js

@@ -89,7 +89,8 @@ export default class VideoPlayer extends Component {
         this.player = {
             volumePanResponder: PanResponder,
             seekPanResponder: PanResponder,
-            controlTimeoutDelay: 10000,
+            //controlTimeoutDelay: 10000, CHANGEBACK
+            controlTimeoutDelay: 10000000,
             controlTimeout: null,
             volumeWidth: 150,
             seekWidth: 0,
@@ -979,6 +980,8 @@ const styles = {
         container: {
             flex: 1,
             alignSelf: 'stretch',
+            backfaceVisibility: 'hidden',
+            justifyContent: 'space-between',
         },
         video: {
             position: 'absolute',
@@ -998,9 +1001,6 @@ const styles = {
             alignItems: 'center',
             justifyContent: 'center',
         },
-        icon: {
-
-        },
     }),
     controls: StyleSheet.create({
         row: {
@@ -1017,8 +1017,9 @@ const styles = {
             height: null,
             width: null,
         },
-        background: {
-            resizeMode: 'repeat',
+        vignette: {
+            resizeMode: 'stretch',
+            backfaceVisibility: 'hidden',
         },
         control: {
             padding: 24,
@@ -1052,7 +1053,7 @@ const styles = {
             justifyContent: 'center',
             zIndex: 100,
             marginTop: 24,
-            marginBottom: -10,
+            marginBottom: 0,
             marginLeft: 12,
             marginRight: 12,
         },
@@ -1070,7 +1071,7 @@ const styles = {
             alignItems: 'center',
             justifyContent: 'space-between',
             flexDirection: 'row',
-            marginBottom: -10,
+            marginBottom: 0,
             marginLeft: 18,
             marginRight: 18,
         },

index.ios.js

@@ -12,7 +12,7 @@ export default class App extends Component {
   render() {
     return (
         <VideoPlayer
-            source={{ uri: 'https://vjs.zencdn.net/v/oceans.mp4?v=8' }}
+            source={{ uri: 'https://vjs.zencdn.net/v/oceans.mp4' }}
             title="Oceans"
         />
     );