为什么全屏 HTML5 视频需要 `-moz-full-screen-ancestor` 自定义属性？

【问题标题】：Why `-moz-full-screen-ancestor` Custom Property is needed by HTML5 Video In Full Screen?为什么全屏 HTML5 视频需要 `-moz-full-screen-ancestor` 自定义属性？
【发布时间】：2014-05-28 10:58:56
【问题描述】：

为什么在 Firefox 中需要 :-moz-full-screen-ancestor 才能显示完美的结果？没有此代码，所有其他浏览器都可以正常工作。

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

演示： http://www.athimannil.com/player/

【问题讨论】：

标签： html css firefox html5-video

【解决方案1】：

这些被称为vendor-specific prefixes，开发人员使用它们来增强功能并为对象添加漂亮的触感。

它们 (-moz prefixes) 最初是由 Gecko 开发的，当时它们无法完全支持使用 full-screen 属性和其他类似的属性。所以他们制作了一个你在上面使用过的变通版本。

这是我遇到的一个网页，可能会对您有所帮助：http://davidwalsh.name/moz-css

【讨论】：

同时本教程不使用css-tricks.com/custom-controls-in-html5-video-full-screen
是的，正如我上面提到的，Gecko 开发了 -moz 前缀，当他们无法支持它时，但是现在，其中一些属性得到支持，因此一些较新的来源没有使用 @ 987654327@ 前缀。