我使用 fullPage.js显示整页(非全屏)视频的站点的库。 IE。即使浏览器的比例与视频的纵横比不匹配,视频也会无边框地占据所有浏览器空间。
问题是,整页视频(也没有 fullpage.js 库)在 Firefox 中不起作用。可以看她的官方例子:
http://alvarotrigo.com/fullPage/examples/videoBackground.html
我曾尝试使用 CSS 设置视频高度,但它会更改包括边框在内的整个高度。
显然,在 Chrome 和 Firefox 中,CSS 对视频大小的处理有所不同。
有人可以建议解决这个问题吗? CSS 或 Javascript,如果需要的话。
最佳答案
我在这里找到了答案:scale HTML5 Video and break aspect ratio to fill whole site
诀窍是使用 CSS transform:scaleY 根据浏览器窗口的比例缩放视频。
关于javascript - 整页视频在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28452935/