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

Question

我只想在屏幕尺寸最大时显示 video-js-overlay 中的图像，并在用户点击时隐藏它 'Esc' button.Currently 我有以下屏幕：

This is the modal screen i want to hide picture from here.

This is the full screen and picture is perfectly place.

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

Answer 1

这可以通过使用 VideoJS 全屏事件 handler.Follow 这个 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 库的人有所帮助。

Can i attach the image with control bar in videojs-overlay