这个实例展示了如何使用CSS创建一个简洁的HTML5视频播放器界面，包括控制条、进度条、声音控制和全屏功能。代码中详细定义了各个元素的样式，如按钮、进度条颜色和开关状态等。
body,html{
height: 100%;
overflow: hidden;
}
#wrap{
height: 100%;
overflow: hidden;
background: #383838;
font-size: 0;
}
.control{
position: relative;
min-width: 600px;
height: 25px;
background: #2A2A2A;
}
.btns{
position: absolute;
left: 0;
top: 0;
width: 55px;
height: 25px;
text-align: center;
}
.btns span{
display: inline-block;
width: 9px;
height: 11px;
background: url('/音视频/resource/img/icon.PNG') no-repeat;
margin-top: 7px;
}
.btns span:nth-child(1){
background-position: -36px -52px;
margin-right: 10px;
}
.btns span:nth-child(1).active{
最低0.47元/天 解锁文章
扫一扫
247
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
