【问题标题】:Full page video does not work in Firefox整页视频在 Firefox 中不起作用
【发布时间】: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


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-01-07
    • 2014-05-21
    • 1970-01-01
    • 1970-01-01
    • 2023-03-27
    • 1970-01-01
    相关资源
    最近更新 更多