映像素材を用意する ビデオプレーヤーの作成に入る前に、再生する映像素材を用意します。HTML5で再生できるビデオコーデックは、現在のところブラウザーによって「H.264」「WebM」などバラバラですので、複数のファイルを用意する必要があります。 H.264は多くのアプリケーションが対応していますし、無変換で扱える場合もありますので、ここではH.264/QuickTime形式のファイルをWebM形式に変換する手順を説明します。 WindowsでWebM形式に変換するアプリケーションには「Free WebM Encoder」があります。
![HTML5でFlash不要のYouTube作ってみた (2/7)](https://cdn-ak-scissors.b.st-hatena.com/image/square/3ee2fe1887504bcec9d13a1f6655690f6dc1b8fc/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2011%2F02%2F23%2F1576355%2Fl%2F21af729bacba6400.jpg)