MovableType に FLV ファイルを掲載する

やまぐち号の黒煙吐く姿を動画で公開したいと思い、mococo さんのブログの記事「MovableTypeで動画を掲載する：JW FLV Media Player」を参考に、JW FLV Media Player を埋め込んで見た。

まずは、Xacti で撮った MP4 ファイルを flv ファイルに変換する。
Flash 8 Video Encoder で、20.5MB の MPEG-4 Movie ファイルが、3.5MB の Flash Video File に変換された。
こいつを、MovableType のファイルアップロード機能で /ブログの DocumentRoot/share/files ディレクトリにアップ。

次に、JW FLV Media Player 4.6 をダウンロード。
"Include the JW Viral Plugin (?) " のチェックは外して、mediaplayer.zip をダウンロードした。

mediaplayer.zip を展開したら、ファイルをアップする。
mococo さんのブログとはバージョンが違うので、プレイヤーのファイル名等変わっていることに注意。
/ブログの DocumentRoot/mt/mt-static/plugins の下に JWFLVMediaPlayer というディレクトリを作成して、その下に、swfobject.js と player.swf を FTP でアップ。

これで、全ての準備は整ったので、ブログの本文中に、下記 HTML を貼り付けるだけで FLV ファイルの掲載・再生が可能となる。

<p id='preview'>The player will show in this paragraph</p>
<script type='text/javascript' src='/mt/mt-static/plugins/JWFLVMediaPlayer/swfobject.js'></script>
<script type='text/javascript'>
var s1 = new SWFObject('/mt/mt-static/plugins/JWFLVMediaPlayer/player.swf','player','280','230','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file=/shar/files/SANY0039.flv');
s1.write('preview');
</script>

実際の例は、「動画掲載テスト（SLやまぐち号）」を参照。