我可以在 videojs-overlay 中附加带有控制栏的图像吗答案

【问题标题】：Can i attach the image with control bar in videojs-overlay我可以在 videojs-overlay 中附加带有控制栏的图像吗
【发布时间】：2018-01-19 08:32:46
【问题描述】：

我只想在屏幕尺寸最大时在 video-js-overlay 中显示图像，并在用户点击“Esc”按钮时隐藏它。目前我有以下屏幕：

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

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

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

【问题讨论】：

【解决方案1】：

这可以通过使用 VideoJS 全屏事件处理程序来完成。关注此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 库的人有所帮助。

【讨论】：