自定义播放器
自定义播放器
自定义播放器的练习就是对事件的练习。
<html>
<head>
<meta charset="utf-8">
<title>自定义播放器</title>
<style>
.progress{
height: 30px;
border: 2px solid darkblue;
}
.progress>.bar{
height: 100%;
background-color: aliceblue;
}
</style>
</head>
<body>
<!-- controls控件 -->
<!-- loop 循环 -->
<!-- autoplay 自动播放-->
<!-- muted 静音 -->
<!-- <audio src="../audio/spirit.mp3" controls></audio> -->
<div id="music">
<button>play</button>
<button>pause</button>
<button>stop</button><br />
<button>+</button>
<button>-</button>
<button>replay<