Html
    Css
    Js

    
                        
.videoPlayer {
	border:1px solid #000;
	width:600px;
}
#video {
	margin-top:0px;
}
#videoControls {
	width:600px;
	margin-top:0px;
}
.show {
	opacity:1;
}
.hide {
	opacity:0;
}
#progressWrap {
	background-color:black;
	height:25px;
	cursor:pointer;
}
#playProgress {
	background-color:red;
	width:0px;
	height:25px;
	border-right:2px solid blue;
}
#showProgress {
	background-color:;
	font-weight:600;
	font-size:20px;
	line-height:25px;
}
#mainWidget {
	}#childWidget {
	margin:auto;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

Html+js实现video修改进度条显示

0