全屏HTML5视频自定义控制器

Question

HTML5视频全屏自定义控制器在Mozilla Firefox中无法正常显示。

DEMO http://athimannil.com/player/

:-webkit-full-screen #skinn{
  width: 100%;
  height: 100%;
}
:-moz-full-screen #skinn{
  width: 100%;
  height: 100%;
}
:-ms-fullscreen #skinn{
  width: 100%;
  height: 100%;
}
:fullscreen #skinn{
  width: 100%;
  height: 100%;
}

Answer 1

你制作kuttuPlayer，它是＃player1，你的全屏元素。 #skinn不是全屏元素的子元素。因此CSS选择器不匹配。不要忘记，您的全屏视图中可能只有DOM的一部分。

尝试类似：

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