如何在移动设备上启用MouseTimeDisplay组件？

方法一：初始化播放器时配置 #

创建Video.js实例时，在配置项中直接设置seekBar下的mouseTimeDisplay为启用状态，覆盖移动设备的默认禁用规则：

const player = videojs('my-video', {
  controlBar: {
    progressControl: {
      seekBar: {
        mouseTimeDisplay: {
          disabled: false
        }
      }
    }
  }
});

方法二：播放器就绪后动态启用 #

若播放器已初始化，可在ready事件中获取组件实例并启用，同时确保组件可见：

player.ready(function() {
  const mouseTimeDisplay = this.controlBar.progressControl.seekBar.mouseTimeDisplay;
  // 启用组件
  mouseTimeDisplay.disabled(false);
  // 强制显示组件（部分移动设备样式默认隐藏）
  mouseTimeDisplay.el().style.display = 'block';
});

以上两种方式都能强制开启移动设备上的MouseTimeDisplay组件，使其作为seekBar的子组件正常工作。

内容的提问来源于stack exchange，提问作者MegaBomber