- Windows MediaPlayer
- 1.Windows Media エンコーダでaviファイルをwmvに変換
- 2.動画を再生させるページを作成(.html)
--- HTML ---
<a href="./movie.html" onclick="window.open
('./movie.html', '', 'width=320,height=282,top=0,left=0');return false;">
- 3.動画が表示されるページを作成(.html)
--- HTML ---
<object data="movie.asx" type="application/x-mplayer2" width="320" height="282">
<param name="src" value="movie.asx">
<param name="autostart" value="true">
<param name="loop" value="false">
<param name="ShowStatusBar" value="1">
</object>
- 4.asxファイルを作成(.asx)
--- ASX ---
<asx version="3.0">
<entry>
<title>タイトル</title>
<author>製作者</author>
<copyright>著作権</copyright>
<ref href="http://.wmv"/>
</entry>
</asx>
- 5.サーバにアップロード
- Flash Player
- Flash VideoはPC環境に依存せず、ファイルも軽いのでオススメ。
- 1.Riva FLV Encoderなどで動画ファイルをflvに変換(ここではmovie.flv)
- 2.JW FLV Media Playerをダウンロード(player.swf)
- 3.動画を再生させるページ作成(*.html)
--- HTML ---
<a href="./movie.html" onclick="window.open
('./movie.html', '', 'width=320,height=282,top=0,left=0');return false;">
- 4.フラッシュを定義するページ作成(*.html)
--- HTML ---
<object type="application/x-shockwave-flash" data="player.swf"
width="320" height="240" id="player">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="player.swf">
<param name="quality" value="high">
<param name="scale" value="noScale">
<param name="wmode" value="transparent">
<param name="flashvars" value="videoFile=movie.flv&autoPlay=true
&bufferLength=5&loop=false&progressBarColor1=0xAAAAAA
&progressBarColor2=0x555555&autoBuffering=false
&splashImageFile=sample.jpg&hideControls=false">
</object>
- 5.変換したflvファイルとplayer.swf、作成した*.htmlをサーバにアップ
- param (パラメータ)
- autoPlay:true(自動的に再生する)
- autoBuffering:true(動画を先読みする)
- loop:false(ループする)
- showLoopButton:true(ループボタンを表示する)
- hideControls:false(コントロールバー非表示)
- splashImageFile=sample.jpg(サムネイル画像)
- param name="quality" value="high"
- 画質を"best"から"low"まで指定でき、省略すると"high"を指定したことになります。
- param name="wmode" value="window"
- IE4以上で機能し、ページ上にFlashを表示します。
"transparent"を指定すると透明になり、opaqueを指定すれば不透明になります。
省略すると"window"を指定したことになります。
- param name="movie" value="flash.swf"
- 再生するFlashの名前を指定します。
- param name="loop" value="true"
- ループ(繰り返し再生)します。
"false"ではループせず、省略すると"true"を指定したことになります。
- param name="play" value="true"
- 自動的にFlashを再生します。
"false"では手動になり、省略すると"true"を指定したことになります。
- param name="scale" value="showall"
- 縦横比を維持し、指定サイズ内に動画全体を表示します。
"noborder"は枠なし、省略すると"showall"を指定したことになります。