app/src/page/file/view.js

@@ -511,14 +511,16 @@ class FilePage extends React.PureComponent {
                                         onStartDownloadFailed={this.startDownloadFailed} />}
                   {!fileInfo && <FilePrice uri={uri} style={filePageStyle.filePriceContainer} textStyle={filePageStyle.filePriceText} />}
                 </View>
-                {canLoadMedia && fileInfo && <View style={playerBgStyle}
+                {(canLoadMedia && fileInfo && isPlayable) &&
+                  <View style={playerBgStyle}
                     ref={(ref) => { this.playerBackground = ref; }}
                     onLayout={(evt) => {
                      if (!this.state.playerBgHeight) {
                        this.setState({ playerBgHeight: evt.nativeEvent.layout.height });
                      }
                    }} />}
-                {canLoadMedia && fileInfo && <MediaPlayer
+                {(canLoadMedia && fileInfo && isPlayable) &&
+                  <MediaPlayer
                     fileInfo={fileInfo}
                     assignPlayer={(ref) => { this.player = ref; }}
                     uri={uri}

app/src/styles/filePage.js

@@ -139,6 +139,7 @@ const filePageStyle = StyleSheet.create({
   },
   containedPlayerBackground: {
     width: '100%',
+    marginTop: 60,
     height: containedMediaHeight,
   },
   fullscreenPlayerBackground: {