2011年10月2日 星期日

Moodle教學網站嵌入FLASH動畫語法改進

Moodle教學網站嵌入FLASH動畫HTML語法改進

開始使用MOODLE來整理教學網站,已經是很多年前的事了。受教於教育先進無私的知識分享,讓我們能輕鬆維護教學網詀,專注在教學內容的呈現而不是網站的程式碼。

最近這一段時間,我開始發現地科網站的一些flash動畫在Chrome、Firefox及Safari都無法呈現,flash的位置出現 "Missing plug in"。剛開始以為是電腦所安裝的Adobe Flash Player太舊或是檔案有問題,重新安裝並且重新開機,問題仍然存在。而讓我覺得怪異的地方是,這個問題是會在地科網站的部份flash動畫出現,其它的網站的flash動畫仍然可以正常顯示。比對了一下這兩者嵌入FLASH動畫HTML語法,發現只要改變其中的一段指令問題就解決了。


以下是moodle教學中,所介紹的嵌入flash動畫的HTML語法:
<object height="600" width="800" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://www.adobe.com/tw/products/flashplayer/">
<param name="movie" value="http://your.website.address/xxxx/flash.swf" />
<param name="quality" value="high" />
<embed height="600" width="800" src="http://your.website.address/xxxx/flash.swf" quality="high" pluginspage="http://www.adobe.com/tw/products/flashplayer/" type="application/x-adobe-flash" />
</object>


這個問題困擾了我很多天,一直百思不得其解。其間試過重灌Adobe Flash Player,試用不同的瀏覽器(Chrome、Firefox和Safari。IE是全天下最後一個我會用的瀏覽器。),或多或少都會出現這樣的問題。老實說我也沒有真正查出來是哪個層面的問題,但是最後是因為在地科網站中,發現有另外幾個flash動畫居然可以呈現。比對了它們的HTML語法,發覺只要將其中的 type="application/x-adobe-flash" 改為 type="application/x-shockwave-flash" 問題居然就解決了!!

修正後的嵌入flash動畫HTML語法:
<object height="600" width="800" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://www.adobe.com/tw/products/flashplayer/">
<param name="movie" value="http://your.website.address/xxxx/flash.swf" />
<param name="quality" value="high" />
<embed height="600" width="800" src="http://your.website.address/xxxx/flash.swf" quality="high" pluginspage="http://www.adobe.com/tw/products/flashplayer/" type="application/x-shockwave-flash" />
<object>



請留意:上面的指令如果您要複製貼到您的網站使用,請記得將中文全型符號<>改為英數半型的<>。