我可以在videojs-overlay中使用控制条附加图像

Question

我想仅在屏幕尺寸最大时才在video-js-overlay中显示图像，并在用户点击Esc＆＃39;时隐藏它。 button.Currently我有以下屏幕：

  

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

     

这是全屏，图片完美无缺。   

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

Answer 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库的人。