我正在寻找一种通过javascript随意显示或隐藏HTML5视频控件的方法.控件目前仅在视频开始播放时可见
有没有办法使用原生视频控件？
我正在使用谷歌浏览器.
关于该主题的每个问题都 解释了如何删除 HTML5视频元素的控件.
videoElement.removeAttribute('controls');
但浏览器,Firefox和Chrome有一种方法可以隐藏控件,这使得它们在光标不移动且视频正在播放时消失.如果您移动光标或视频停止播放,它们会再次出现.
<video controls><source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"></video>视频测试文件:http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4
如果您播放上述视频,并在不移动光标的情况下单独播放,则控件将消失.如果再次移动光标,它们将再次出现.他们也会在暂停或视频整理时出现.
非常像流行的原生或桌面视频播放器.
这就是我要的.我希望隐藏控件的方式与他们在视频播放时自动隐藏的方式相同,并且光标没有移动一段时间.
有没有办法实现这一点,而无需完全删除控件？