2009/08/19

如何在網頁插入影音媒體?

要怎麼在網頁插入背景音樂,或者播放盒呢 ?

有個很簡單的方法,就是 bgsound 指令

但只能在IE瀏覽器播放。 所以我通常會用embed指令

詳細說明可參考: 網路文字

範例:



在 embed src 後面打上音樂檔的來源(可為wma,mp3,mid檔)

後面的參數是播放器的大小,

autostart可設為true(自動背景播放),
若設為false則需要手動按paly播放

loop指令可設定是否循環播放(true/false)

hidden指令可以設定是否隱藏播放器
如果你需要「純背景音樂」,可以設成hidden=true




上面的指令貼在網頁的效果如下:



關於embed指令更詳細的說明,請參考英文文件




如果你想插入影片,只要把 src 後面的檔案指向影片檔
再指定檔案類型:
type="video/x-ms-wmv"

(我試過,就算不指定filetype,也是可以播放啦)

範例:



可直接指定播放器的大小,亦可設定是否自動播放
語法和上述的embed指令都一樣

範例效果如下:

HEMiDEMi Technorati Del.icio.us MyShare個人書籤 加入Yahoo書籤 加入Google書籤 DiggIt!

0 意見: