width プロパティに 100% を設定すると、ビデオプレーヤはレスポンシブになりで、拡大または縮小されます：
上の例において、ビデオプレーヤが元のサイズより大きくスケールアップされる場合があることに注意してください。
その解決策として、多くの場合、代わりにmax-width プロパティを使用します。
max-width プロパティを 100% に設定した場合、ビデオプレーヤは必要ならスケールを縮小しますが、
その元のサイズよりも大きく拡大されることはありません：
Web ページの例にビデオを追加したいと思います。ビデオは、常に利用可能なすべてのスペースを取るようにサイズ変更されます：