動画のサイズ

スマホを縦置きの場合、画像や動画の横幅の最大は340px程度である。基本的にはこの範囲におさめる必要がある。
この動画(KVID0037.mp4)は640×480pxの解像度である。横(width)縦(height)の比が4:3である。
そのサイズは約2.71MBある。

1
ここではスマホの画面に合うように320×240pxにしてある(原画の半分)。4:3を維持して縮小するのが適当。
SCRIPT
<video src="img/KVID0037.mp4" width="320" height="240" controls></video>



なお、この方法はHTML5形式で*.mp4ファイルに対して使える。ブラウザには関係がない。どのブラウザでも動作する。
なお、この方法は *.wmv, *.mpeg, *.mpg, *.3gp, *.mov などには動作しない。

2
次のようにすると原動画のサイズ(640×480px)で表示される。width, heightを指定していない。
この場合、原動画より大きく表示されることはない点で下の場合とは異なる。
SCRIPT
<video src="img/KVID0037.mp4" controls></video>


3
次のようにすると横幅が画面の横幅におさまるように自動的にリサイズして表示される。
原動画より画面サイズのほうが大きいときは拡大されることになる。
SCRIPT
<video src="img/KVID0037.mp4" width="100%" height="auto" preload="auto" controls></video>