整页视频在Firefox中不起作用

Full page video does not work in Firefox

本文关键字：不起作用 Firefox 视频更新时间：2023-09-26

我将fullPage.js库用于显示全页面（而非全屏）视频的网站。也就是说，即使浏览器的比例与视频的纵横比不匹配，视频也构成了所有无边界的浏览器房地产。

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

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

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

显然，Chrome和Firefox中对视频大小的CSS处理存在差异。

有人能建议解决这个问题吗？CSS或Javascript（如果需要）。

我在这里找到了答案：缩放HTML5视频并打破纵横比以填充整个网站

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