fullPage.js - 複数のスライドでの背景ビデオ

Question

私はfullpage.jsを使用して、同じセクションでフルページビデオの背景を持つ方法を探しています。基本的に何をここで達成されるが、各スライドで完全な背景ビデオで：

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

ビデオに使用するCSSは比較的簡単です。しかし、これは複数では動作しません

#myVideo{ 
     position: absolute; 
     right: 0; 
     bottom: 0; 
     top:0; 
     right:0; 
     width: 100%; 
     height: 100%; 
     background-size: 100% 100%; 
     background-color: black; /* in case the video doesn't fit the whole page*/ 
     background-image: /* our video */; 
     background-position: center center; 
     background-size: contain; 
     object-fit: cover; /*cover video background */ 
     z-index:3; 
    } 

ウェイセクションがすべてのスライドdivの長さにまたがるためにスライドします。代わりの解決法はありますか？

Answer 1

スライドの相対位置を使用します。

.slide{ 
    position:relative; 
} 

次に絶対位置の動画を配置します。