電気ウナギ的○○

About Home

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

shinoda (2009年10月29日 10:34)
やまぐち号の黒煙吐く姿を動画で公開したいと思い、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やまぐち号)」を参照。

電気ウナギ的○○

電気ウナギ的○○

About Back

コメント(0)

電気ウナギ的○○

電気ウナギ的○○

About Back

トラックバック(0)

トラックバックURL: https://blog.netandfield.com/mt/mt-tb.cgi/843

電気ウナギ的○○

About This Site

電気ウナギ的○○
岩国在住。広島で働く超零細IT企業社長のいわゆる社長日記。
何か、酒と食い物のことばかり書いているようで・・・お察しのとおり、肥満体です:-)


2011/06/24
iPhone用サイト公開

Create with jQuery, jQTouch.


CLOSE