jquery - 全屏黑色Mediaelementjs版本2.16.2

我无法在2.16.2版中制作全屏视频。屏幕变黑并显示“视频播放器”有什么解决方法？

最佳答案

从v2.16.x开始，MEJS在全屏层上插入一个全角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;
  ...
}

因此不会发生此问题。

关于jquery - 全屏黑色Mediaelementjs版本2.16.2，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26960319/