Javascript HTML5全屏幕视频定制控制器

HTML5视频全屏自定义控制器在Mozilla Firefox中未正确显示

演示

---

你让kuttuPlayer，也就是玩家1，成为你的全屏元素#Skin不是全屏元素的子元素。因此CSS选择器不匹配。不要忘记，您的全屏视图中可能只有部分DOM

尝试以下方法：

#skinn:-moz-full-screen-ancestor {
  bottom: 0;
  position: absolute;
  width: 100%;
}

---

为我工作：

FF 29.0.1

在MacBook上Pro@aldanux浏览器中的宽度是否为100%？是的，唯一的问题是您的

控制器没有disappear@aldanux是的，它的工作原理与其他浏览器不同：（我现在在iMac 26上进行了测试“在FF 29.0.1中-相同：宽度：100%是完美的，但控制器不会消失，gecko和webkit之间的差异记录在这里：
#skinn:-moz-full-screen-ancestor {
  bottom: 0;
  position: absolute;
  width: 100%;
}