レスポンシブ Web デザイン - ビデオ
width プロパティの使用
もしwidthプロパティが 100% に設定されている場合、ビデオ プレーヤーは応答性が高く、拡大縮小されます。
上記の例では、ビデオ プレーヤーを元のサイズよりも大きくすることができます。多くの場合、より良い解決策は、max-width代わりにプロパティ。
max-width プロパティの使用
もしmax-widthプロパティが 100% に設定されている場合、ビデオ プレーヤーは必要に応じて縮小されますが、元のサイズよりも大きく拡大されることはありません。
サンプル Web ページにビデオを追加する
サンプル Web ページにビデオを追加します。ビデオは、利用可能なすべてのスペースを常に占有するようにサイズ変更されます。