diff --git a/bigbluebutton-html5/imports/ui/components/external-video-player/component.jsx b/bigbluebutton-html5/imports/ui/components/external-video-player/component.jsx
index 6e32268646..d33021c023 100644
--- a/bigbluebutton-html5/imports/ui/components/external-video-player/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/external-video-player/component.jsx
@@ -579,6 +579,7 @@ class VideoPlayer extends Component {
           width,
           pointerEvents: isResizing ? 'none' : 'inherit',
           display: isMinimized && 'none',
+          background: 'black',
         }}
       >
         <div
@@ -621,20 +622,6 @@ class VideoPlayer extends Component {
           {
             !isPresenter
               ? [
-                (
-                  <div className={styles.progressBar}>
-                    <div 
-                      className={styles.loaded}
-                      style={{ width: loaded * 100 + '%' }}
-                      >
-                      <div
-                        className={styles.played}
-                        style={{ width: played * 100 / loaded + '%'}}
-                      >
-                      </div>
-                    </div>
-                  </div>
-                ),
                 (
                   <div className={hoverToolbarStyle} key="hover-toolbar-external-video">
                     <VolumeSlider
@@ -650,6 +637,19 @@ class VideoPlayer extends Component {
                       label={intl.formatMessage(intlMessages.refreshLabel)}
                     />
                     {this.renderFullscreenButton()}
+
+                    <div className={styles.progressBar}>
+                      <div 
+                        className={styles.loaded}
+                        style={{ width: loaded * 100 + '%' }}
+                      >
+                        <div
+                          className={styles.played}
+                          style={{ width: played * 100 / loaded + '%'}}
+                        >
+                        </div>
+                      </div>
+                    </div>
                   </div>
                 ),
                 (deviceInfo.isMobile && playing) && (
diff --git a/bigbluebutton-html5/imports/ui/components/external-video-player/styles.scss b/bigbluebutton-html5/imports/ui/components/external-video-player/styles.scss
index 178ea47d6f..2c7f87ccca 100644
--- a/bigbluebutton-html5/imports/ui/components/external-video-player/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/external-video-player/styles.scss
@@ -71,12 +71,8 @@
 }
 
 .progressBar {
-  display: none;
-
-  :hover > & {
-    display: block;
-  }
-
+  position: absolute;
+  bottom: 0;
   height: 5px;
   width: 100%;
 
diff --git a/bigbluebutton-html5/imports/ui/components/external-video-player/volume-slider/styles.scss b/bigbluebutton-html5/imports/ui/components/external-video-player/volume-slider/styles.scss
index 7fcacdb0a9..84dd01520e 100644
--- a/bigbluebutton-html5/imports/ui/components/external-video-player/volume-slider/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/external-video-player/volume-slider/styles.scss
@@ -17,8 +17,8 @@
 .slider {
   @extend %baseIndicator;
   display: flex;
-  position: relative;
-  bottom: 3.5em;
+  position: absolute;
+  bottom: 2.5em;
   left: 1em;
   padding: 0.25rem 0.5rem;
   min-width: 200px;