[教學] Flash 影音多媒體播放器設定教學
| JW MEDIA PLAYER FLASH 影音播放器 可播放 MP3, FLV, SWF, JPG, PNG and GIF 檔案...支援 RSS , XSPF 和 ATOM 播放清單 還可以全螢幕播放, 加入影片字幕及在播放器中加入SWF LOGO 等等強大功能....... 官方網頁: http://www.jeroenwijering.com/ 設定頁面: http://www.jeroenwijering.com/extras/wizard.html 下面依序介紹設定頁面中5種 JW MEDIA PLAYER 的基本設定 上面三種只要知道 MP3 或 FLV 檔案位址就可以使用 如果要有播放多首歌曲或多種檔案類型的 PLAYER ，可以選擇最後兩種播放器 將語法複製修改後貼至網頁 <body></body> 之間 BLOG 使用者可貼在文章內容區、網誌描述或其他描述欄位或其他自訂欄位 / 皆可 文章中只介紹 embed 語法，官網的 flashobject 語法有點問題...IE 無法顯示 如果不喜歡出現「點按以啟用並使用這個控制項」的訊息 可參考以下文章去修改 embed code [教學] Flash 出現 [點按以啟用並使用這個控制項] 的訊息 (上) [教學] Flash 出現 [點按以啟用並使用這個控制項] 的訊息 (下) 相關 XML 檔案的寫法，會再下篇文章中介紹 或至官方XML說明頁面 http://www.jeroenwijering.com/extras/readme.html#playlists 下載 JW Media Player 3.9  |
A Signle FLV File |
基本 FLV 影片播放器 |
語法範例如下： |
語法說明 ￭ src="http://www.jeroenwijering.com/embed/mediaplayer.swf" 播放器位址 ( 此 swf 是官網位址…隨時會更新版本! 如不希望更新可上傳至自己的網路位址 ) ￭ width="320" 播放器寬度 ( 可自行設定 ) ￭ height="180" 播放器高度 ( 可自行設定 ) ￭ allowfullscreen="ture" 是否播放全螢幕；是 ture 否 flase ￭ flashvars=". . . . . . . . . . ." 此項是控制播放器的內容；用「&」隔開語法 ￭ file=". . . . . . . . . . ." FLV 影片位址 ￭ location=". . . . . . . . . . ." 播放器位址（需跟上方的 src 位址相同） ￭ autostart=". . . . . . . . . . ." 是否自動播放；是 ture 否 flase ( 或是可省略此語法 ) |
A Line With Single MP3 File |
MP3 單曲播放器 |
語法範例如下： |
語法說明
￭ src="http://www.jeroenwijering.com/embed/mediaplayer.swf" 播放器位址
( 此 swf 是官方位址…隨時會更新版本! 如不希望更新可上傳至自己的網路位址 )
￭ width="320" 播放器寬度 ( 可自行設定 )
￭ height="20" 播放器高度 ( 預設高度20… )
( 太大上面會出現黑色色塊；太小播放器會被裁掉；建議不要更改 )
￭ allowfullscreen="ture" 是否播放全螢幕；是 ture 否 flase ( 用在播放 MP3 這段可省略 )
￭ flashvars=". . . . . . . . . . ." 此項是控制播放器的內容；用「&」隔開語法
￭ file=". . . . . . . . . . ." MP3 音樂位址
￭ location=". . . . . . . . . . ." 播放器位址（需跟上方的 src 位址相同）
￭ autostart=". . . . . . . . . . ." 是否自動播放；是 ture 否 flase ( 或是可省略此語法 )
￭ src="http://www.jeroenwijering.com/embed/mediaplayer.swf" 播放器位址
( 此 swf 是官方位址…隨時會更新版本! 如不希望更新可上傳至自己的網路位址 )
￭ width="320" 播放器寬度 ( 可自行設定 )
￭ height="20" 播放器高度 ( 預設高度20… )
( 太大上面會出現黑色色塊；太小播放器會被裁掉；建議不要更改 )
￭ allowfullscreen="ture" 是否播放全螢幕；是 ture 否 flase ( 用在播放 MP3 這段可省略 )
￭ flashvars=". . . . . . . . . . ." 此項是控制播放器的內容；用「&」隔開語法
￭ file=". . . . . . . . . . ." MP3 音樂位址
￭ location=". . . . . . . . . . ." 播放器位址（需跟上方的 src 位址相同）
￭ autostart=". . . . . . . . . . ." 是否自動播放；是 ture 否 flase ( 或是可省略此語法 )
Single FLV , With Full Display And Preview |
FLV 影片播放器 可預覽圖片及隱藏控制列 |
語法範例如下： |
語法說明
此播放器跟上方基本 FLV 播放器只差異在 flashvars 參數裡多了「displayheight」「image」
￭ displayheight=240 影片顯示區塊大小 ( 可自行設定 )
height 和 displayheight 的值相同，控制列就會隱藏；
height 的值再加 20 ( 控制器的預設高度 ) 就會顯示控制列
￭ image=http://. . . . . . . 預覽圖片位址 ( 可自行設定 )
此播放器跟上方基本 FLV 播放器只差異在 flashvars 參數裡多了「displayheight」「image」
￭ displayheight=240 影片顯示區塊大小 ( 可自行設定 )
height 和 displayheight 的值相同，控制列就會隱藏；
height 的值再加 20 ( 控制器的預設高度 ) 就會顯示控制列
￭ image=http://. . . . . . . 預覽圖片位址 ( 可自行設定 )
Playlist Below , Using Mixed Media Files |
綜合播放器 可播放 JPG、PNG、GIF 圖片 / FLV 影片 / SWF 動畫 / MP3 音樂 |
語法範例如下： |
語法說明
此播放器需上傳 XML 檔案才能使用；如果XML連結失效的話播放器就無法開啟 !!!
height 的值必需大於 displayheight 的值，否則無法顯示播放列表
XML 檔案的語法…會在下篇文章中介紹
￭ file=". . . . . . . . . . ." XML 檔案位址
￭ location=". . . . . . . . . . ." 播放器位址（需跟上方的 src 位址相同）
此播放器需上傳 XML 檔案才能使用；如果XML連結失效的話播放器就無法開啟 !!!
height 的值必需大於 displayheight 的值，否則無法顯示播放列表
XML 檔案的語法…會在下篇文章中介紹
￭ file=". . . . . . . . . . ." XML 檔案位址
￭ location=". . . . . . . . . . ." 播放器位址（需跟上方的 src 位址相同）
Playlist To The Right , All MP3's |
MP3 多曲播放器 可顯示專輯圖片及播放選單 |
語法範例如下： |
語法說明
圖片大小=displaywidth ( 注意跟上一個播放器不太一樣...這個是 width )
所以displaywidth不會影響播放器高度…只會影響到圖片的比例大小
如果使用的圖片是正方型 200*200 (w*h)
設定值為: displaywidth=200 height=220 ( displaywidth+20 )
如果使用的圖片是長方型 320*100 (w*h)
設定值為: displaywidth=320 height=120 ( displayheight+20 )
此播放器需上傳 XML 檔案才能使用；如果XML連結失效的話播放器就無法開啟 !!!
XML 檔案的語法…會在下篇文章中介紹
￭ file=". . . . . . . . . . ." XML 檔案位址
￭ location=". . . . . . . . . . ." 播放器位址（需跟上方的 src 位址相同）
Shorten Url
Recommend to Front page
fuxkst08 
MUSIC [7]
