关于 如何通过编程控制显示或隐藏视频控件 的问题,以及如何在iPad上移除HTML5视频控件,都详细解释了如何移除HTML5视频元素的控件。
videoElement.removeAttribute('controls');
但浏览器,Firefox和Chrome,有一种方法可以只隐藏控件,使它们在光标不动且视频正在播放时消失。如果您移动光标或视频停止播放,则会再次出现。
视频测试文件:http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4
如果您播放上面的视频并且不移动光标,则控件将消失。如果您再次移动光标,它们将重新出现。它们还会在暂停或视频结束时出现。
非常类似于流行的本地或桌面视频播放器。
这就是我想要的。我想以与视频播放时光标长时间未移动时自动隐藏相同的方式来隐藏控件。
是否有一种方法可以在不完全删除控件的情况下实现这一点?