📄 15-3 自定义的“windows media player”界面.htm
字号:
<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; } /*规定了所有的字体样式*/
body { overflow:auto; }
a { color:blue; }
</style>
<script>
//函数“$”根据指定字符串获取相应ID的对象
function $(str){ return(document.getElementById(str)); }
window.onload = function(){
show_position();
}
//显示当前的播放进度
function show_position(){
$("current_position").innerHTML = Number($("hutia").controls.currentPosition).toFixed(3) + "秒";
setTimeout(show_position, 50);
}
</script>
</head>
<body>
<!-- Windows Media Player 控件，设置其尺寸为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;">播放控制 - 当前进度：</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="播放当前歌曲"
onclick="$('hutia').controls.play();">
<input type="button" value="暂停" title="暂停播放"
onclick="$('hutia').controls.pause();">
<input type="button" value="快进" title="快进播放"
onclick="$('hutia').controls.fastForward();">
<input type="button" value="下一首" title="播放列表中的上一首歌曲"
onclick="$('hutia').controls.next();">
</p>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -