Javascript 整页视频在Firefox中不起作用

Javascript 整页视频在Firefox中不起作用,javascript,css,firefox,html5-video,fullpage.js,Javascript,Css,Firefox,Html5 Video,Fullpage.js,我将该库用于显示整版而非全屏视频的网站。即,即使浏览器比例与视频的纵横比不匹配,视频也构成了无边框的所有浏览器不动产 问题是,没有fullpage.js库的整版视频在Firefox中也不起作用。你可以看到她的官方例子: 我曾尝试用CSS设置视频高度,但它改变了包括边框在内的整个高度 显然,Chrome和Firefox在CSS处理视频大小方面存在差异 有人能建议解决这个问题吗?CSS或Javascript,如果需要。我在这里找到了答案: 诀窍是使用CSS transform:scaleY根据浏览器

我将该库用于显示整版而非全屏视频的网站。即,即使浏览器比例与视频的纵横比不匹配,视频也构成了无边框的所有浏览器不动产

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

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

显然,Chrome和Firefox在CSS处理视频大小方面存在差异

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

我在这里找到了答案:


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

我会更改问题的标题,因为它与fullPage.js无关。尝试创建一个没有fullPage.js的整版视频,你会发现同样的问题。让人们更容易回答问题。并不是每个人都熟悉fullPage.js,补充说信息对于解决这个问题是不必要的。这个标题实际上相当通用,因为它只提到了整页视频。它没有提到fullpage.js。不过,我对问题的细节做了一些修改。