Flowplayer隐藏光标

Question

我想做什么？

当用户在一段时间内没有与之交互时，我试图将鼠标光标隐藏在flowplayer中。

我为什么要这么做？

我认为这是任何视频播放器的基本功能。所有其他玩家都这样做(YouTube，Vimeo，VideoJS等)。看起来在flowplayer中没有这样的功能，所以我尝试以某种方式插入它。

问题

当客户端有一段时间没有与播放器交互时，如何在flowplayer中隐藏鼠标游标？

Answer 1

解决方案

因此，要在flowplayer中隐藏鼠标光标，可以使用以下CSS代码：

.flowplayer.is-mouseout .fp-ui {
    cursor:
        url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
        url('blank.cur'),
        none !important
    ;
}

看弹琴上的演示。

解释

当游标离开播放器时和光标在一段时间内没有移动时(同时当工具栏自动隐藏时)，flowplayer将附加名为" is -mouseout“的CSS类。

我们将用空PNG图像或空游标文件(IE)替换游标。最后，我们回到“游标:无；”样式(在CSS3中有效)。

不要忘记在适当的位置创建零长度的"blank.cur“文件！

CSS解决方案以更详细地隐藏光标。

通知

在闪烁渲染引擎中有一个闪烁渲染引擎( Chrome浏览器和Opera浏览器都使用)。讨论了这里与flowplayer开发人员之间的关系。您可以自己尝试应用讨论解，或者只是等待flowplayer版本5.5 (当前的5.4.3)。