網(wǎng)頁(yè)中插入音樂(lè)播放器(詳細(xì),全面,加圖)
通常有三種方法,使用普通的html方法有兩種:object和embed。另一種是用flash編寫(xiě)的播放器,這種方法兼容性級(jí)好,但難度較大,較復(fù)雜。
其中object是ie專用,有大量屬性可定制,firefox,谷歌,opera都不支持。
embeb較為通用,以上瀏覽器都行,只是屬性較少,界面不如object來(lái)的豐富。
object方法:
<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="id" width="400" height="70">
<param name="src" value="http://www.singinghearts.cn/music/B/B3.wma" />
<param name="ShowStatusBar" value="true" />
</object>
界面:
另一種方法,時(shí)間和信息是在上方的:
<object classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="400" height="64" >
<param name="invokeURLs" value="0" >
<param name="autostart" value="0" />
<param name="url" value="http://mini.gayaha.com/Mini/Up_File/Music/20081218091117626.mp3" />
</object>
界面:
=====================================================
embde方式。
<embed height="100" width="400" src="http://news.cufe.edu.cn/music/9.mp3" type="application/x-mplayer2" width="550" height="400" autostart="true" loop="true" />
界面:
另外有一種自動(dòng)適配兩種界面的方法,object里包含embed IE中會(huì)使用object 非ie中使用embde方式。
<object classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="400" height="64" >
<param name="invokeURLs" value="0" >
<param name="autostart" value="0" />
<param name="url" value="http://mini.gayaha.com/Mini/Up_File/Music/20081218091117626.mp3" id="abbc"/>
<embed src="http://mini.gayaha.com/Mini/Up_File/Music/20081218091117626.mp3" autostart="0" type="application/x-mplayer2" width="400" height="64"></embed>
</object>
原文作者:http://www.jswst.com/轉(zhuǎn)載請(qǐng)保留
=======附=======
object參數(shù)說(shuō)明:
<object id="player" height="200" width="240" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<!--是否透明-->
<param name="wmode" value="transparent">
<param name="AutoStart" VALUE="-1">
<!--是否自動(dòng)播放-->
<param name="Balance" VALUE="0">
<!--調(diào)整左右聲道平衡,同上面舊播放器代碼-->
<param name="enabled" value="-1">
<!--播放器是否可人為控制-->
<param name="EnableContextMenu" VALUE="-1">
<!--是否啟用上下文菜單-->
<param name="url" VALUE="http://../***.wmv">
<!--播放的文件地址-->
<param name="PlayCount" VALUE="1">
<!--播放次數(shù)控制,為整數(shù)-->
<param name="rate" value="1">
<!--播放速率控制,1為正常,允許小數(shù),1.0-2.0-->
<param name="currentPosition" value="0">
<!--控件設(shè)置:當(dāng)前位置-->
<param name="currentMarker" value="0">
<!--控件設(shè)置:當(dāng)前標(biāo)記-->
<param name="defaultFrame" value="">
<!--顯示默認(rèn)框架-->
<param name="invokeURLs" value="0">
<!--腳本命令設(shè)置:是否調(diào)用URL-->
<param name="baseURL" value="">
<!--腳本命令設(shè)置:被調(diào)用的URL-->
<param name="stretchToFit" value="0">
<!--是否按比例伸展-->
<param name="volume" value="50">
<!--默認(rèn)聲音大小0%-100%,50則為50%-->
<param name="mute" value="0">
<!--是否靜音-->
<param name="uiMode" value="mini">
<!--播放器顯示模式:Full顯示全部;mini最簡(jiǎn)化;None不顯示播放控制,只顯示視頻窗口;invisible全部不顯示-->
<param name="windowlessVideo" value="0">
<!--如果是0可以允許全屏,否則只能在窗口中查看-->
<param name="fullScreen" value="0">
<!--開(kāi)始播放是否自動(dòng)全屏-->
<param name="enableErrorDialogs" value="-1">
<!--是否啟用錯(cuò)誤提示報(bào)告-->
<param name="SAMIStyle" value>
<!--SAMI樣式-->
<param name="SAMILang" value>
<!--SAMI語(yǔ)言-->
<param name="SAMIFilename" value>
<!--字幕ID-->
</object>
聯(lián)系客服