flv-playerで、mp4 ファイルをweb 再生
flv-playerを使用して表示
http://flv-player.net/medias/player_flv_maxi.swf player_flv_maxi.swfをダウンロード
httpd ドキュメントルートに専用フォルダ=videoを作成、関係ファイルをコピー
├ video.html(動画を埋め込むhtmlファイル)
├ player_flv_maxi.swf(埋め込み型プレーヤー)
├ sample01.flv(再生する動画)
├ sample01.txt(設定ファイル)
└ sample01.jpg(スタート時の画像:Preview画像)
FLV Player 設定ファイル=sample01.txtを作る
flv=sample01.flv // 再生する動画ファイル名
startimage=sample01.jpg // Preview画像
autoplay=0 // 自動再生 0:しない / 1:する
volume=50 // 音量
showstop=1 // ストップボタン表示 0:しない / 1:する
showvolume=1 // 音量調整バー表示 0:しない / 1:する
showtime=1 // 時間表示 0:しない / 1:する
showiconplay=1 // showiconplay=1:画面上の再生アイコン表示 0:しない / 1:する
FLV Playerを組み込む = HTMLソースに直接記述
<object type="application/x-shockwave-flash" data="player_flv_maxi.swf" width="320" height="240">
<param name="movie" value="player_flv_maxi.swf">
<param name="FlashVars" value="config=sample01.txt">
</object>
config=sample01.txtで先に作成した設定ファイルを読み込んでいます。
------------------
サンプル=紅とんぼ.html 動画部分
<object type="application/x-shockwave-flash" data="player_flv_maxi.swf" width="320" height="240">
<param name="movie" value="player_flv_maxi.swf">
<param name="FlashVars" value="config=sample01.txt">
</object>
<p style="text-align:center;">
<video controls poster="naomi1.jpg" width="320" height="240" onclick="this.play()">
<source src="sample.mp4" type="video/mp4">
<source src="sample.webm" type="video/webm">
<source src="sample.ogv" type="video/ogg">
</video>
</p>
xoops fckeditor で作成するファイルでは、動画再生表示できない。