/*视频控制器css*/
*{margin:0;padding:0;box-sizing:border-box}
.video-wrap{
  width: 800px;
  max-width: 96%;
  margin: 30px auto;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
#myVideo{
  width:100%;
  display:block;
  cursor:pointer;
}
.controls{
  width:100%;
  padding:10px 12px;
  background:linear-gradient(transparent, rgba(0,0,0,0.7));
  position:absolute;
  bottom:0;
  left:0;
  color:#fff;
  font-size:14px;
}
.progress{
  width:100%;
  height:5px;
  background:#555;
  border-radius:3px;
  cursor:pointer;
  margin-bottom:8px;
}
.progress-bar{
  height:100%;
  background:#00a1ff;
  width:0%;
  border-radius:3px;
}
.ctrl-row{
  display:flex;
  align-items:center;
  gap:12px;
}
button{
  background:none;
  border:none;
  color:#fff;
  cursor:pointer;
  font-size:16px;
}
.time-text{
  flex:1;
}
select{
  background:#222;
  color:#fff;
  border:none;
  padding:2px 4px;
}