Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 悬停后保持视频控件3秒_Javascript_Jquery_Html_Html5 Video - Fatal编程技术网

Javascript 悬停后保持视频控件3秒

Javascript 悬停后保持视频控件3秒,javascript,jquery,html,html5-video,Javascript,Jquery,Html,Html5 Video,因此,视频控件仅在将鼠标悬停在该视频上时才会出现,当光标离开该区域时,它们会在三秒后消失。这是期望的行为,但是它只发生在视频开始时…如果我在视频播放时悬停,它们会立即消失。也许有办法解决这个问题吗?这里有一支笔来演示: 下面是一个例子,但不幸的是,这只适用于webkit浏览器 诀窍在于 ::-webkit-media-controls-panel 例如,我不确定是否有办法在mozilla上实现这一点。这很好,我想没有跨浏览器解决方案 ::-webkit-media-controls-panel

因此,视频控件仅在将鼠标悬停在该视频上时才会出现,当光标离开该区域时,它们会在三秒后消失。这是期望的行为,但是它只发生在视频开始时…如果我在视频播放时悬停,它们会立即消失。也许有办法解决这个问题吗?这里有一支笔来演示:

下面是一个例子,但不幸的是,这只适用于webkit浏览器

诀窍在于

::-webkit-media-controls-panel

例如,我不确定是否有办法在mozilla上实现这一点。

这很好,我想没有跨浏览器解决方案
::-webkit-media-controls-panel