【发布时间】:2015-02-11 11:14:30
【问题描述】:
我将fullPage.js 库用于显示全页(非全屏)视频的网站。 IE。即使浏览器的比例与视频的纵横比不匹配,视频也构成了所有无边框的浏览器空间。
问题是,整页视频(也没有 fullpage.js 库)在 Firefox 中不起作用。你可以看她的官方例子:
http://alvarotrigo.com/fullPage/examples/videoBackground.html
我尝试使用 CSS 设置视频高度,但它改变了包括边框在内的整个高度。
显然,Chrome 和 Firefox 在 CSS 处理视频大小方面存在差异。
任何人都可以提出解决此问题的方法吗?如果需要,CSS 或 Javascript。
【问题讨论】:
-
我会将标题更改为问题,因为它与 fullPage.js 无关。尝试在没有 fullPage.js 的情况下创建整页视频,您会发现同样的问题。让人们更容易回答。不是每个人都熟悉 fullPage.js,添加这些信息对于解决问题是不必要的。
-
标题其实很笼统,因为它只提到整页视频。它没有提到 fullpage.js。但是,我对问题的详细信息进行了一些更改。
标签: javascript css firefox html5-video fullpage.js