以下為原碼(我調(diào)用的是本地的文件):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<script type="text/javascript" src="jquery/jquery-1.2.6.min.js"></script> //這里導(dǎo)入的一個jQuery
<script type="text/javascript">
//得到所有的歌曲
var songList = $("#SongList");
var player = $("#player");
//這個函數(shù)用于播放歌曲
function playMusic(url){
var Exobud = document.getElementById("player"); //得到播放器(object對象)
Exobud.URL = url; //改變播放器的URL地址
Exobud.controls.play(); //播放音樂
showTLab();
}
//初始第一首歌
$(function(){
var url = $("#SongList>option:first").attr("value");
//第一首歌的狀態(tài)設(shè)置為選擇
$("#SongList>option:first").attr( "selected","true" );
playMusic(url);
})
//雙擊換歌
$(function(){
$("#SongList").dblclick(function(){
var url = $("#SongList>option:selected").attr("value");
playMusic(url);
});
})
//下一首換歌
$(function(){
$("#nextAId").click(function(){
var url = $("#SongList>option:selected+option").attr("value");
$("#SongList>option:selected+option").attr("selected","true");
playMusic(url);
});
})
//上一首換歌
$(function(){
// alert($("#upAId").html());
$("#upAId").click(function(){
// alert($("#SongList>option:selected").prev("option").attr("value"));
var url = $("#SongList>option:selected").prev("option").attr("value");
//$("#SongList>option:selected").attr("selected","true");
$("#SongList>option:selected").prev("option").attr("selected","true");
playMusic(url);
});
})
//一直監(jiān)控?fù)Q歌 的情況
function showTLab(){
var Exobud = document.getElementById("player");
if(Exobud.playState == 1)
{
var url = $("#SongList>option:selected+option").attr("value");
$("#SongList>option:selected+option").attr("selected","true");
playMusic(url);
}
setTimeout("showTLab()", 1000);
}
</script>
</head>
<body>
<div id="myDiv">
</div>
<br />
<!-- 以下是要播放的歌曲-->
<select id="SongList" name="SongList" size="5" style="width:100%" >
<option value="music/01.生生世世愛.mp3">生生世世愛</option>
<option value="music/02.忘記時間.mp3">忘記時間</option>
<option value="music/03.此生不換.mp3">此生不換</option>
<option value="music/05.答應(yīng)不愛你.mp3">答應(yīng)不愛你</option>
<option value="music/06.偏愛.mp3">偏愛</option>
<option value="music/cc.wmv">東搞西搞</option>
</select>
<br />
<object id="player" height="266" width="360" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">
<!--是否自動播放;0則不自動播放-->
<param NAME="Balance" VALUE="0">
<!--調(diào)整左右聲道平衡,同上面舊播放器代碼-->
<param name="enabled" value="-1">
<!--播放器是否可人為控制;0是人為不能控件-->
<param NAME="EnableContextMenu" VALUE="-1">
<!--是否啟用上下文菜單-->
<param NAME="url" value="music/06.偏愛.mp3">
<!--播放的文件地址-->
<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="Full">
<!--播放器顯示模式:Full顯示全部;mini最簡化;None不顯示播放控制,只顯示視頻窗口;invisible全部不顯示-->
<param name="windowlessVideo" value="0">
<!--如果是0可以允許全屏,否則只能在窗口中查看-->
<param name="fullScreen" value="0">
<!--開始播放是否自動全屏-->
<param name="enableErrorDialogs" value="-1">
<!--是否啟用錯誤提示報告-->
<param name="SAMIStyle" value>
<!--SAMI樣式-->
<param name="SAMILang" value>
<!--SAMI語言-->
<param name="SAMIFilename" value>
<!--字幕ID-->
</object>
<br />
<a href="#" id="upAId">on</a>
<a href="#" onclick="javascript:Last_OneOK();">last</a>
<a href="#" id="nextAId"">next</a>
<br />
</body>
</html>
如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答!! 點擊進入論壇