flv player mp4

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 で作成するファイルでは、動画再生表示できない。

 直リンクはここ

投票数:1 平均点:10.00

 
Back to Top