私のウェブサイトのホームページに Vimeo プレーヤーの iframe があります。私の意図は、ブラウザウィンドウで端から端まで全幅にすることです。縦横比を維持し、黒いバーを回避しながら。そのため、ビデオが最も多くの領域を占めています。
このcssをvimeoプレーヤーに適用しました：
.fluidVideoWrapper {
padding: 0;
width: 100%;
height: 20em;
position: relative;
}
.fluidVideoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
これ20emは、皆さんがページでそれを見ることができるようにするためです。高さを設定する100%と消えて、一見高さが になり0ます。
私が試みていることの例は、ここで見ることができます.vimeoプレーヤーまでスクロールしてください：vsco.co
誰でもこれの修正を提案できますか?