width プロパティの使用

もしwidthプロパティが 100% に設定されている場合、ビデオ プレーヤーは応答性が高く、拡大縮小されます。

上記の例では、ビデオ プレーヤーを元のサイズよりも大きくすることができます。多くの場合、より良い解決策は、max-width代わりにプロパティ。

max-width プロパティの使用

もしmax-widthプロパティが 100% に設定されている場合、ビデオ プレーヤーは必要に応じて縮小されますが、元のサイズよりも大きく拡大されることはありません。

サンプル Web ページにビデオを追加する

サンプル Web ページにビデオを追加します。ビデオは、利用可能なすべてのスペースを常に占有するようにサイズ変更されます。