Play Media

多媒體影音是網路必然的趨勢，雖然大部份的人還是習慣把影音檔放在YouTube上，更何況也不用去處理檔案的存放，或頻寬流量的問題。但是相對的，寄人於籬下在功能及使用上終究還是會有所受限。

JW FLV Media Player，這一個已不算新鮮的網路播放器，最新的版本已來到 V4.5。在此之前普遍的用法，大都只把它拿來當成一個播放MP3音樂的介面。根據官網的資訊，目前已能相容更多的影音格式（FLV、MP4、MP3、AAC、JPG、PNG、GIF、SWF…）。

如果您有自己專屬的影、音、圖文創作，也可以藉著這樣的方式展示，只要尊守非商業性的原則下，即可架構出完全屬於個人風格的影音站台。或者，公司行號可以用授權的商用方式，就能在網站上發佈產品型錄、影音、圖檔，及使用 JW FLV Media Player 更多的擴充功能了。

您可以試著在支援 javascript 的網頁裏直接寫入以下的語法（紅字內容依需求自行調整）　
<div id='preview'>The player will show in this paragraph
<script type='text/javascript' src='http://player.longtailvideo.com/swfobject.js'></script>
<script type='text/javascript'>
var s1 = new SWFObject('http://www.longtailvideo.com/jw/upload/player.swf','player','374','300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file=http://content.longtailvideo.com/videos/flvplayer.flv');
s1.write('preview');
</script></div>
或者，在不支援 javascript 時使用以下語法，即可嵌入JW FLV Media Player。
<embed
src='http://player.longtailvideo.com/player.swf'
width='374'
height='300'
bgcolor='undefined'
allowscriptaccess='always'
allowfullscreen='true'
flashvars='file=http://content.longtailvideo.com/videos/flvplayer.flv'/>
它的結果就像這樣(看金髮美女請點播放)

當然這樣語法稍嫌簡單，以下範例將用更多的參數來設定播放器！

<div id='mediaspace' align="center">
<script type='text/javascript' src='http://xxx.xxx.xxx/swfobject.js'></script>
//swfobject.js存放路徑
<script type='text/javascript'>
var so = new SWFObject('http://xxx.xxx.xxx/player.swf','ply','650','550','9','#');
// player.swf存放路徑
so.addVariable('file','http://xxx.xxx.xxx/abc.xml');//播放檔存放路徑
so.addVariable('image','.jpg');//底圖
so.addParam('allowfullscreen','true');//建議保留
so.addParam('allowscriptaccess','always');//建議保留
so.addParam('wmode','opaque');//建議保留
so.addVariable('feature','player_embedded');//建議保留
so.addVariable('backcolor','000000');//自訂外觀顏色
so.addVariable('frontcolor','FFFFFF');//自訂外觀顏色
so.addVariable('lightcolor','33ff33');//自訂外觀顏色
so.addVariable('screencolor','181818');//自訂外觀顏色
so.addVariable('autostart','false');//自動播放
so.addVariable('mute','false');//靜音
so.addVariable('volume','90');//音量大小(0~100)
so.addVariable('quality','true');//高品質
so.addVariable('shuffle','false');//亂序播放
so.addVariable('controlbar','over');//控制列隱藏(none,over)
so.addVariable('stretching','fill');//擴展 延伸(fill,exactfit,none)
so.addVariable('repeat','list');//重覆播放(always,list,none)
so.addVariable('playlist','bottom');//播放清單位置(Top,bottom,right,left,over)
so.addVariable('playlistsize','100');//播放清單高度
so.addVariable('icons','true');//player按鈕 顯示
so.addVariable('link','http://jh-c.blogspot.com/');//自訂連結
so.write('mediaspace');
</script>
</div>

在語法第六行中 so.addVariable('file','./abc.xml')的檔案可以使用已相容的影音格式(jpg、gif、flv、mp3、mp4…)，或預先編輯過的播放清單.XML檔。
相關檔案可於官網免費下載，解壓縮後將全部上傳至自己的存放主機，或將 swfobject.js／player.swf 指向官網連結位置皆可。

swfobject.js 路徑：http://player.longtailvideo.com/swfobject.js

player.swf 路徑：http://player.longtailvideo.com/player.swf

xml 樣版檔：http://developer.longtailvideo.com/trac/browser/testing/files/mrss.xml

如果這些還是不符您的需求，可以到 這裏逐一設定後再 copy 程式碼，或至 WIKI 尋找您要的解答。

FLY 影片外嵌測試代碼
<div align="center"><embed src="http://player.longtailvideo.com/player.swf" bgcolor="undefined" allowscriptaccess="always" allowfullscreen="true" flashvars="file=http://blip.tv/file/get/Jhc-PowerSteeringBoxes578.flv&link=http://jh-c.blogspot.com/&backcolor=000000&frontcolor=FFFFFF&lightcolor=33ff33&screencolor=00606b&volume=90&controlbar=over&stretching=fill" width="640" height="480"></embed></div>

延伸閱讀：

在 Drupla 中使用 JW Player