?? 15-3 自定義的“windows media player”界面.htm
字號(hào):
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>15-3 自定義的“Windows Media Player”界面</title>
<style>
* { font-size:12px; font-family:宋體, Arial; } /*規(guī)定了所有的字體樣式*/
body { overflow:auto; }
a { color:blue; }
</style>
<script>
//函數(shù)“$”根據(jù)指定字符串獲取相應(yīng)ID的對(duì)象
function $(str){ return(document.getElementById(str)); }
window.onload = function(){
show_position();
}
//顯示當(dāng)前的播放進(jìn)度
function show_position(){
$("current_position").innerHTML = Number($("hutia").controls.currentPosition).toFixed(3) + "秒";
setTimeout(show_position, 50);
}
</script>
</head>
<body>
<!-- Windows Media Player 控件，設(shè)置其尺寸為0*0，因此其被隱藏 -->
<OBJECT ID="hutia" height="0" width="0"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="URL" value="F:\back\music\here i am.mp3" />
<param name="AutoStart" value="False" />
</OBJECT>
<p style="float:left;">播放控制 - 當(dāng)前進(jìn)度：</p>
<p style="float:left;" id="current_position"></p>
<p>
<input type="button" value="上一首" title="播放列表中的上一首歌曲"
onclick="$('hutia').controls.previous();">
<input type="button" value="快退" title="快退播放"
onclick="$('hutia').controls.fastReverse();">
<input type="button" value="播放" title="播放當(dāng)前歌曲"
onclick="$('hutia').controls.play();">
<input type="button" value="暫停" title="暫停播放"
onclick="$('hutia').controls.pause();">
<input type="button" value="快進(jìn)" title="快進(jìn)播放"
onclick="$('hutia').controls.fastForward();">
<input type="button" value="下一首" title="播放列表中的上一首歌曲"
onclick="$('hutia').controls.next();">
</p>
</body>
</html>?? 快捷鍵說(shuō)明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -