diff --git a/app/src/component/fileItemMedia/view.js b/app/src/component/fileItemMedia/view.js
index e403c303..3a3abbd7 100644
--- a/app/src/component/fileItemMedia/view.js
+++ b/app/src/component/fileItemMedia/view.js
@@ -1,8 +1,8 @@
import React from 'react';
import { ActivityIndicator, Image, Text, View } from 'react-native';
-import Colors from '../../styles/colors';
+import Colors from 'styles/colors';
import FastImage from 'react-native-fast-image'
-import fileItemMediaStyle from '../../styles/fileItemMedia';
+import fileItemMediaStyle from 'styles/fileItemMedia';
class FileItemMedia extends React.PureComponent {
static AUTO_THUMB_STYLES = [
diff --git a/app/src/component/mediaPlayer/view.js b/app/src/component/mediaPlayer/view.js
index 67f5667d..f55cbc25 100644
--- a/app/src/component/mediaPlayer/view.js
+++ b/app/src/component/mediaPlayer/view.js
@@ -9,10 +9,11 @@ import {
ScrollView,
TouchableOpacity
} from 'react-native';
+import FastImage from 'react-native-fast-image'
import Video from 'react-native-video';
import Icon from 'react-native-vector-icons/FontAwesome5';
-import FileItemMedia from '../fileItemMedia';
-import mediaPlayerStyle from '../../styles/mediaPlayer';
+import FileItemMedia from 'component/fileItemMedia';
+import mediaPlayerStyle from 'styles/mediaPlayer';
class MediaPlayer extends React.PureComponent {
static ControlsTimeout = 3000;
@@ -358,6 +359,13 @@ class MediaPlayer extends React.PureComponent {
onEnd={this.onEnd}
/>
+ {this.state.firstPlay && thumbnail &&
+ }
+
{this.renderPlayerControls()}
diff --git a/app/src/page/file/view.js b/app/src/page/file/view.js
index 1fed1d9c..b30ab0c6 100644
--- a/app/src/page/file/view.js
+++ b/app/src/page/file/view.js
@@ -531,6 +531,7 @@ class FilePage extends React.PureComponent {
onMediaLoaded={() => this.onMediaLoaded(channelName, title, uri)}
onPlaybackStarted={this.onPlaybackStarted}
onPlaybackFinished={this.onPlaybackFinished}
+ thumbnail={metadata.thumbnail}
/>}
{showActions &&
diff --git a/app/src/styles/mediaPlayer.js b/app/src/styles/mediaPlayer.js
index 0ca8bd76..a243f2a6 100644
--- a/app/src/styles/mediaPlayer.js
+++ b/app/src/styles/mediaPlayer.js
@@ -7,6 +7,13 @@ const mediaPlayerStyle = StyleSheet.create({
width: '100%',
height: '100%'
},
+ playerThumbnail: {
+ position: 'absolute',
+ left: 0,
+ top: 0,
+ width: '100%',
+ height: '100%',
+ },
container: {
flex: 1,
paddingBottom: 16