jquery - 全屏黑色 mediaelementjs 版本 2.16.2

Question

我无法在 2.16.2 版本中播放全屏视频。屏幕变黑并显示“Video Player” 有什么解决办法吗？

Answer 1

从 v2.16.x 开始，MEJS 在 fullscreen 层上插入一个全 Angular span，它继承了一个纯 background-color (Firefox 中的黑色/Chrome 中的白色):

<span class="mejs-offscreen mejs-video mejs-container-fullscreen" style="width: 100%; height: 100%;">Video Player</span>

作为解决方法，您可以在自定义 CSS 中设置以下任何 CSS 规则:

span {
  background-color: transparent;
}

... 或(包含 MEJS CSS 文件后):

.mejs-offscreen {
  background-color: transparent;
}

mediaelement.js页面在其 reset.debug.css 的第 40 行有此 CSS 规则文件:

span {
  background: none repeat scroll 0 0 transparent;
  ...
}

所以问题不会发生。