全背景的YouTube視頻 - fullpage.js

Question

如何在fullpage.js部分設置完整的背景YouTube視頻？ fullPage.js提供了使用<video>標記的示例，但我想使用YouTube視頻，所以我必須使用標記。這pen幫助了我，但它不適用於fullPage.js responsiveWidth屬性。有任何想法嗎？謝謝！

Answer 1

使用一些CSS來使iframe適合整個頁面，然後將此代碼添加到CSS中的其他所有內容。 position: relative; z-index: 2;

注1：改變位置，如果你需要的任何值，在z指數仍然會工作 注2：如果你有辦法選擇不有一個類元素，用它來這個目的。我知道:not(.testclass) { }但它不支持在IE中，如果你有另一種方式，使用它。

編輯：我剛剛意識到視頻底部的控制按鈕將會顯示，請嘗試編輯大小和位置以將其隱藏起來。