全屏显示时，如何在Clappr视频播放器上放置自定义叠加层？

Question

当我全屏观看时，我试图在视频播放器上放置一个叠加层。 我最初的想法是，每当玩家通过收听全屏事件进入全屏状态时，将我的overlay元素附加到Clappr.core。$ el上。我还没有成功。

是否有办法监听全屏事件并以某种方式阻止默认设置，以及是否在另一个同时具有叠加层和视频播放器作为子元素的元素上全屏调用？

Answer 1

在全屏模式下，我为视频添加了红色叠加层。为此，我以fullscreen类为目标，该类将应用于video标签的父div。这是一个jsfiddle链接，简要介绍了https://jsfiddle.net/hdug6mfc/