整頁視頻在Firefox中不起作用

我使用fullPage.js庫作爲顯示整頁（不是全屏）視頻的網站。 IE瀏覽器。即使瀏覽器比例與視頻的縱橫比不匹配，視頻也會構成無邊界的所有瀏覽器空間。整頁視頻在Firefox中不起作用

問題是，整頁視頻（也沒有fullpage.js庫）在Firefox中不起作用。你可以看到她的官方例子：

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

我已經嘗試設置與CSS視頻高度，但它改變了整個高度，包括邊框。

顯然，在Chrome和Firefox的CSS處理視頻大小方面存在差異。

有人可以提出一個解決這個問題的方法嗎？ CSS或Javascript，如果需要的話。

2015-02-11 marlar

我會將標題更改爲該問題，因爲它與fullPage.js無關。嘗試在沒有使用fullPage.js的情況下創建一個完整頁面的視頻，你會發現同樣的問題。讓人們更容易回答。並不是每個人都熟悉fullPage.js，並補充說明信息對解決問題沒有必要。 – Alvaro 2015-02-11 12:58:35

該標題實際上很通用，因爲它只提及整頁視頻。它沒有提到fullpage.js。不過，我已經改變了一些問題的細節。 – marlar 2015-02-11 21:34:19

我找到了答案在這裏：scale HTML5 Video and break aspect ratio to fill whole site

訣竅是使用CSS變換：的scaleY規模基於瀏覽器窗口的比例視頻。

來源

2015-02-11 22:08:41 marlar

整頁視頻在Firefox中不起作用

回答

相關問題