レスポンシブWebデザイン - ビデオ（動画）

width属性を使用します

width属性を100％に設定されている場合、ビデオプレーヤは、自動的に画面サイズに比例して調整されます。

上記の例では、ビデオプレーヤーが自動的に画面の大きさに比例して調整されて、元のサイズよりも大きくすることができることに留意されたいです。 多くの場合、我々は代わりのmax-widthプロパティを使用することができます。

max-widthプロパティを使用して、

max-widthプロパティを100％に設定されている場合は、ビデオプレーヤーが自動的に画面に比例して調整しませんが、元のサイズよりも多くされます。

ビデオページを追加します

私たちは、ウェブページにビデオを追加することができます。 以下の実施例およびビデオは自動的に領域が全体のdiv divの領域のサイズを占めているに応じて調整されます。