点击播放
分析:一般页面不会出现播放器,都是嵌套的图片背景等,那么要如何实现好看的播放事件呢,我们可以写一个按钮,把播放器隐藏起来,点击按钮时开始播放,用js来实现点击事件,代码如下:
css+html部分
<style>
* {
margin: 0;
padding: 0;
}
.container {
height: 10px;
width: 400px;
background: #666;
margin: 100px;
overflow: hidden;
border-radius: 5px;
}
.progress {
border-radius: 5px;
background: red;
width: 0%;
height: 100%;
}
.play_btn {
width: 100px;
height: 100px;
font-size: 14px;