整页视频在Firefox中不起作用

Question

我将fullPage.js库用于显示整页（非全屏）视频的网站。 IE浏览器。即使浏览器比例与视频的宽高比不匹配，视频也会构成所有不带边框的浏览器空间。

问题是，整页视频（也没有fullpage.js库）在Firefox中不起作用。你可以看到她的官方例子：

http://alvarotrigo.com/fullPage/examples/videoBackground.html

我尝试使用CSS设置视频高度，但它会更改包括边框在内的整个高度。

显然，Chrome与Firefox的视频尺寸的CSS处理存在差异。

有人可以建议解决这个问题吗？如果需要，可以使用CSS或Javascript。

Answer 1

我在这里找到了答案：scale HTML5 Video and break aspect ratio to fill whole site

诀窍是使用CSS变换：scaleY根据浏览器窗口的比例缩放视频。