diff --git a/src/css/components/_progress.scss b/src/css/components/_progress.scss index ca8dfab6dc..3df1bcca3d 100644 --- a/src/css/components/_progress.scss +++ b/src/css/components/_progress.scss @@ -129,7 +129,9 @@ } .video-js .vjs-progress-control:hover .vjs-time-tooltip, -.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { +.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, +// For mobile +.video-js .vjs-progress-control .vjs-sliding .vjs-time-tooltip { display: block; // Ensure that we maintain a font-size of ~10px. diff --git a/src/js/control-bar/progress-control/play-progress-bar.js b/src/js/control-bar/progress-control/play-progress-bar.js index c63d953d66..ae7cadee15 100644 --- a/src/js/control-bar/progress-control/play-progress-bar.js +++ b/src/js/control-bar/progress-control/play-progress-bar.js @@ -2,7 +2,6 @@ * @file play-progress-bar.js */ import Component from '../../component.js'; -import {IS_IOS, IS_ANDROID} from '../../utils/browser.js'; import * as Fn from '../../utils/fn.js'; import './time-tooltip'; @@ -79,10 +78,7 @@ PlayProgressBar.prototype.options_ = { children: [] }; -// Time tooltips should not be added to a player on mobile devices -if (!IS_IOS && !IS_ANDROID) { - PlayProgressBar.prototype.options_.children.push('timeTooltip'); -} +PlayProgressBar.prototype.options_.children.push('timeTooltip'); Component.registerComponent('PlayProgressBar', PlayProgressBar); export default PlayProgressBar;