ホームページ > 記事 > ウェブフロントエンド > Pure CSS を使用して
と を純粋な CSS で使用しますか? " /> と を純粋な CSS で? " />
のような要素に対して一貫した「background-size: cover」効果を実現します。 video>
エッジケースを使用しない CSS ソリューション:
スクリプトに依存する代わりに、エッジ ケースは次の手順を使用して実装できます:例:
<code class="css">.parent-element-to-video { overflow: hidden; } video { height: 100%; width: 177.77777778vh; /* 100 * 16 / 9 */ min-width: 100%; min-height: 56.25vw; /* 100 * 9 / 16 */ }</code>
中央に配置されたビデオ:
ビデオを中央に配置するには、次の CSS を使用します:以上がPure CSS を使用して