HTML5で追加されたタグの中で注目度が高いのはvideoタグではないでしょうか。動画は人気コンテンツの一つですし、Flashが終わる中とあってvideoタグに期待がかかっています。 しかしそんなvideoタグはあまり柔軟にできていません。例えばリサイズですが、標準では問題があるのでvideo-resizeを使ってカバーしましょう。

video-resizeの使い方

video-resizeを使っているところです。

大きいときの表示。

高さを変えた時の表示。

video-resizeが便利なのはウィンドウの高さの変化にも追従してくれることです。レスポンシブは幅の変化に合わせますが、video-resizeは高さにも関係してきます。そして、なるべく全体が見られるような状態を維持してくれます。ごく小さなウィンドウにして画面の隅に表示しておくといった使い方もできそうです。

video-resizeはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

robertjanes/video-resize: Efficiently scale HTML5 videos with CSS