是否可以禁用mediaelement.js中的“mejs-time-float”元素？

Question

是否可以禁用“mejs-time-float”元素（如图所示，显示为5:01），该元素在悬停时显示在MediaElement播放器上方？

Answer 1

简单地隐藏span.mejs-time-float不会解决这个问题，因为它在默认情况下已经隐藏了，并且当你将鼠标悬停在span.mejs-time-total上时会显示（使用jQuery .show（））： / p>

total = controls.find('.mejs-time-total')

...

total
.bind('mousedown', function (e) {
    // only handle left clicks
    if (e.which === 1) {
        mouseIsDown = true;
        handleMouseMove(e);
        $(document)
            .bind('mousemove.dur', function(e) {
                handleMouseMove(e);
            })
            .bind('mouseup.dur', function (e) {
                mouseIsDown = false;
                timefloat.hide();
                $(document).unbind('.dur');
            });
        return false;
    }
})
.bind('mouseenter', function(e) {
    mouseIsOver = true;
    $(document).bind('mousemove.dur', function(e) {
        handleMouseMove(e);
    });
    if (!mejs.MediaFeatures.hasTouch) {
        timefloat.show();
    }
})
.bind('mouseleave',function(e) {
    mouseIsOver = false;
    if (!mouseIsDown) {
        $(document).unbind('.dur');
        timefloat.hide();
    }
});

实际禁用小工具提示功能的快速和脏选项是删除鼠标中心＆＃39;绑定在上面或直接在其后面添加以下内容：

total.unbind('mouseenter');

这将取消绑定mouseenter事件。

但是那种丑陋，因为你正在修改一个库，如果你更新了库，你的所有更改都将被删除。更好的方法是在初始化MediaElement播放器后简单地取消绑定：

$('video').mediaelementplayer({ 
... your options ...
});

$('.mejs-time-total').unbind('mouseenter');

现在，当你悬停时，小工具提示不会出现。

Answer 2

MediaElement可通过CSS进行换肤，因此您只需将其隐藏在CSS中即可。

.mejs-time-float{ 
    display: none;
}

Answer 3

将此设置为“display：none”没有帮助，但如果你使用“！important”除此之外，似乎工作正常，因为重要的将覆盖jQuery添加的内联样式：

.mejs-time-float {
  display: none !important;
}

Answer 4

取消绑定mouseeenter是否适用于悬停问题，但在某些浏览器中，当我们点击进度条时，我们仍然看到时间浮动。我不认为这是理想的，但是它有效，因为jQuery .show（）不会触及可见性：

.mejs-time-float {
    visibility: hidden;
}

Answer 5

对于“禁用”工具提示，该提示在进度栏中显示时间弹出窗口：

$('video, audio').mediaelementplayer({

    enableProgressTooltip: false

});