下文引用自

秀水國民小學網路日誌

中縣教網部落格

 

如何讓 LifeType 使用 embed

自LifeType1.1版後,文字編輯器由htmlarea改成了TinyMCE,但在LifeType裡的TinyMCE 預設是不支援「embed」這語法的。

所以若要線上顯示影片的播放介面,插入embed的html原始碼後,語法會被吃掉,因為tinymce會認為embed是不合法的參數。

所以若要使用embed這語法,就必須自己來修改一下tiny_mce-plog.js這檔案了。

修改 /js/tinymce/tiny_mce-plog.js這檔案,在「extended_valid_elements」裡加上

embed[type|height|width|autostart|src|wmode|FALSE|TRUE]

embed[type|height|width|autostart|src|wmode|flashvars|FALSE|TRUE]

使用<embed>的html 語法,就可以在文章中插入線上播放的影片或音樂檔,怎麼改版之後,這功能就失效了呢?

其實這是因為新的文字編輯器TinyMCE的關係,在LifeType裡,預設是不支援<embed>語法的,所以當你插入embed的語法時,會自動被tinymce給過濾掉。

剛剛去改了一下程式,將<embed>設定為合法參數,現在就可以了喔!
其實在發表文章時,若只是要插入檔案,使用(插入資料夾裡的檔案或圖片)這功能,就可以直接幫你做好檔案(音樂檔、影片檔、word檔、ppt檔都可以)的連結,但若是需要有個線上播放影片或音樂檔的介面,就必須自己插入html的相關語法,才可以做到。

一、插入檔案的連結:

現在使用這工具,可以在發表文章時同時上傳檔案,不必先到檔案中心去上傳檔案了(但你若是要在根目錄下新增資料夾的話,還是必須到檔案中心去新增資料夾)。

 



這樣你就可以看到如下的連結了,使用者只要按下這連結,就會在他的電腦上以媒體播放器軟體(例如Windows Media Player)來播放了。
當然你也可以自己將這連結改成您想要顯示的名稱

二、直接顯示線上播放的畫面

要直接線上顯示影音檔的播放介面,就必須自己來手動插入html原始檔

1.檔案的網址:

你必須先找到您要顯示的影音檔案的網址



畫面會跳到你的網誌前台的資料夾裡這檔案的畫面(例如這裡),將滑鼠移至「下載」或「檔案名稱」的連結處,按下「滑鼠右鍵」/「複製捷徑」,這樣就能將這影片的網址複製起來了。


例如上面那影片的網址為「http://203.72.226.64/lifetype/gallery/20/20-242.mp3」。

2.插入影片或檔案的html語法

語法:

<embed src="http://203.72.226.64/lifetype/gallery/20/20-242.mp3" width="320" height="280" autostart="0"/>
  • src="http://203.72.226.64/lifetype/gallery/20/20-242.mp3" → 檔案的網址
  • width="320" → 播放器介面的顯示寬度
  • height="280" → 播放器介面的顯示高度
    一般而言,mpeg1格式的影片顯示的大小為320X240,上面的高度設定為280,是再加上播放器介面的高度約40,所以為280。

  • autostart="0" → 是否自動播放,「1」 自動播放 ,「0」不會自動播放,需按下「play」才會開始播放
    也有人在這參數使用「true、false」,但若用了「false」,在IE下不會自動播放,但在firefox下還是會自動播放,所以建議使用「0、1」

3.使用「」工具來插入html碼

按下文字編輯器工具列上的 後,會跳出個html原始碼編輯視窗,在適當位置加上語法,就會看到如下圖的畫面了


若是要顯示音樂檔,就只要改變一下顯示的高度「height="40"」,就可以顯示如下的畫面了。

    全站熱搜

    jianmin2 發表在 痞客邦 留言(0) 人氣()