我可以在视频in覆盖中用控制栏来附加图像吗？

Question

我只想在屏幕尺寸最大时用视频-js覆盖显示图像，当用户点击'Esc‘button.Currently时将其隐藏，我有以下屏幕：

，这是我想从这里隐藏图片的模态屏幕。

这是全屏和图片是完美的位置。

我正在跟踪https://github.com/brightcove/videojs-overlay。我已经看到，当我暂停视频图像从两个屏幕隐藏它。但我无法将图像隐藏在模态屏幕上。任何建议或线索都将不胜感激。提前谢谢。

Answer 1

这可以通过使用VideoJS全屏事件handler.Follow This https://github.com/brightcove/videojs-overlay来完成。向头文件添加样式

<style>.hide-overlay .vjs-overlay {
    display: none;
}</style>

并将脚本添加到主页面。

if (!player.isFullscreen()) {

       player.addClass("hide-overlay");
  }else{

       player.removeClass("hide-overlay");
  }
});

这可能有助于使用video.js库的人。